Move fonts and clean usage

This commit is contained in:
Aurelien Labate 2019-12-27 11:02:50 +01:00
parent f388cdf4ed
commit 53c20025d3
20 changed files with 42 additions and 374 deletions

View File

@ -1,38 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Font Face Demo</title>
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
h1.fontface {font: 60px/68px 'CreteRoundRegular', Arial, sans-serif;letter-spacing: 0;}
p.style1 {font: 18px/27px 'CreteRoundItalic', Arial, sans-serif;}
p.style2 {font: 18px/27px 'CreteRoundRegular', Arial, sans-serif;}
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<div id="container">
<h1 class="fontface">Font-face Demo for the Crete Round Font</h1>
<p class="style1">Crete Round Italic - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="style2">Crete Round Regular - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</body>
</html>

View File

@ -1,28 +0,0 @@
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 9, 2012 01:39:30 PM America/New_York */
@font-face {
font-family: 'CreteRoundItalic';
src: url('CreteRound-Italic-webfont.eot');
src: url('CreteRound-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('CreteRound-Italic-webfont.woff') format('woff'),
url('CreteRound-Italic-webfont.ttf') format('truetype'),
url('CreteRound-Italic-webfont.svg#CreteRoundItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CreteRoundRegular';
src: url('CreteRound-Regular-webfont.eot');
src: url('CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('CreteRound-Regular-webfont.woff') format('woff'),
url('CreteRound-Regular-webfont.ttf') format('truetype'),
url('CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
font-weight: normal;
font-style: normal;
}

View File

@ -13,7 +13,7 @@ article
h2
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 24px;
font-style: bold;
color: black;
@ -35,7 +35,7 @@ h2
border-width: 4px;
border-radius: 5px;
border-color: #FAC801;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 16px;
font-style: none;
color: black;
@ -102,7 +102,7 @@ h2
.type_algo
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
position: relative;
right: 30px;
top: -6px;
@ -135,7 +135,7 @@ h2
.type_casio
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
position: relative;
right: 31px;
top: -6px;
@ -163,7 +163,7 @@ h2
.type_ti
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
position: relative;
right: -19px;
top: -6px;
@ -180,7 +180,7 @@ h2
border-width: 4px;
border-radius: 14px;
border-color: #D2A124;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
padding: 0px 0px 8px 12px;
padding-left: 6px;
}

View File

@ -133,7 +133,7 @@ td, th
border: solid;
border-width: 4px;
border-color: #FAC801;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
margin-left: 45px;
margin-right: 45px;
border-radius:20px;

View File

@ -34,7 +34,7 @@ h4
border-width: 4px;
border-radius: 5px;
border-color: #FAC801;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 16px;
font-style: none;
color: black;
@ -74,7 +74,7 @@ h4
width: 400px;
padding: 3px 0px 4px 8px;
margin-left: 198px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
color: rgb(206, 133, 4);
text-align: left;
border: solid;

View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'Navig';
src: url('Polices/Action_Man/Action_Man-webfont.eot');
src: url('Polices/Action_Man/Action_Man-webfont.eot?#iefix') format('embedded-opentype'),
url('Polices/Action_Man/Action_Man-webfont.woff') format('woff'),
url('Polices/Action_Man/Action_Man-webfont.ttf') format('truetype'),
url('Polices/Action_Man/Action_Man-webfont.svg#ActionManRegular') format('svg');
src: url('ressources/fonts/Action_Man/Action_Man-webfont.eot');
src: url('ressources/fonts/Action_Man/Action_Man-webfont.eot?#iefix') format('embedded-opentype'),
url('ressources/fonts/Action_Man/Action_Man-webfont.woff') format('woff'),
url('ressources/fonts/Action_Man/Action_Man-webfont.ttf') format('truetype'),
url('ressources/fonts/Action_Man/Action_Man-webfont.svg#ActionManRegular') format('svg');
font-weight: normal;
font-style: normal;
}

View File

Before

Width:  |  Height:  |  Size: 106 KiB

After

Width:  |  Height:  |  Size: 106 KiB

View File

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 65 KiB

View File

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

268
style.css
View File

@ -1,268 +0,0 @@
/*****************************************************/
/****General****/
/**
{
margin:0px;
padding:0px;
}*/
a
{
text-decoration:none;
color:#333333;
}
a:hover
{
color:#000000;
}
img, table, tr, td
{
border:0px;
}
h1
{
text-align:center;
margin:0px;
padding:0px;
}
.clean
{
clear:both;
}
.left
{
text-align:left;
}
.center
{
text-align:center;
}
input[type=text], input[type=submit], input[type=button], input[type=password]
{
width:150px;
}
input[type=submit]
{
margin-top: 10px;
}
label
{
width: 200px;
display: inline-block;
vertical-align: top;
text-align: left;
margin-bottom: 8px;
}
#se_souvenir
{
width: 351px;
}
.message_buttons input
{
width:auto;
padding:0px 5px;
}
.button
{
padding:5px 15px;
vertical-align:middle;
border:1px solid #aaaaaa;
font-weight:bold;
background:url('Images/button.png') repeat-x;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
display:inline-block;
}
#content table
{
border-spacing:0px;
background:#ffffff;
padding:0px;
width:95%;
margin:5px auto 18px auto;
background-color: rgb(241, 189, 23);
border: solid;
border-width: 4px;
border-radius: 10px;
border-color: rgb(233, 153, 10);
}
tr
{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:0px;
}
td, th
{
margin:0px;
border:0px;
padding:3px;
text-align:center;
}
/*****************************************************/
/****Blocks****/
.header
{
margin:auto;
margin-top:10px;
padding:15px;
background:url('Images/bluec_30p.png');
width:60%;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
text-align:center;
}
.foot
{
text-align:center;
background:url('Images/bluec_30p.png');
width:60%;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:10px;
margin:20px auto;
}
.content
{
background-color: #FFD745;
border: solid;
border-width: 4px;
border-color: #FAC801;
font-family: Normal, Arial;
margin-left: 45px;
margin-right: 45px;
border-radius:20px;
padding:20px;
margin-top:10px;
}
.box_left
{
float:left;
}
.box_right
{
float:right;
}
.box
{
border: solid;
border-width: 4px;
border-radius: 10px;
border-color: #FAC801;
margin:5px auto 30px auto;
padding: 5px 10px 5px 10px;
}
.login
{
width:355px;
margin:auto;
text-align:left;
}
.box_login
{
background-color: rgb(250, 184, 43);
border: solid;
border-width: 4px;
border-color: rgb(247, 154, 14);
width:360px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin:auto;
padding:20px;
margin-top:20px;
margin-bottom: 38px;
color:#ffffff;
}
/*****************************************************/
/****Content****/
.champs
{
margin-bottom: 8px;
}
#memorize
{
position: absolute;
top: 419px;
left: 510px;
}
.big
{
font-size:1.2em;
}
.small
{
font-size:0.7em;
}
.message
{
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
padding:20px;
margin:auto;
width:500px;
background:url('Images/black_40p.png');
color:#ffffff;
text-align:center;
font-weight:bold;
margin-top:20px;
}
.messages_table td
{
border-top:1px solid #cccccc;
vertical-align:top;
}
.author
{
width:150px;
border-right:1px solid #cccccc;
}
.title_cell
{
width:45%;
}
.date
{
font-style:italic;
text-align:right;
font-size:0.9em;
margin-right:10px;
}
.edit
{
float:left;
}
.forum_ntop, .forum_nrep, .forum_act, .forum_auth
{
width:100px;
}
td.forum_cat, td.forum_tops
{
padding-left:15px;
text-align:left;
}
.categories_table td, .categories_table th, .topics_table td, .topics_table th, .list_pm td, .list_pm th
{
border-bottom:1px solid #cccccc;
}
.categories_table tr:last-child td, .topics_table tr:last-child td, .list_pm tr:last-child td
{
border-bottom:0px;
}
td.forum_cat .title
{
font-weight:bold;
}
td.forum_cat .description
{
padding-left:5px;
}

View File

@ -1,26 +1,26 @@
/*---------Téléchargement des polices---------*/
/*---------Download fonts---------*/
@font-face {
font-family: 'Normal';
src: url('Polices/Crete_Round/CreteRound-Regular-webfont.eot');
src: url('Polices/Crete_Round/CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('Polices/Crete_Round/CreteRound-Regular-webfont.woff') format('woff'),
url('Polices/Crete_Round/CreteRound-Regular-webfont.ttf') format('truetype'),
url('Polices/Crete_Round/CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
font-family: 'Crete Round';
src: url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.eot');
src: url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.woff') format('woff'),
url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.ttf') format('truetype'),
url('ressources/fonts/Crete_Round/CreteRound-Regular-webfont.svg#CreteRoundRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Italic';
src: url('Polices/Crete_Round/CreteRound-Italic-webfont.eot');
src: url('Polices/Crete_Round/CreteRound-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('Polices/Crete_Round/CreteRound-Italic-webfont.woff') format('woff'),
url('Polices/Crete_Round/CreteRound-Italic-webfont.ttf') format('truetype'),
url('Polices/Crete_Round/CreteRound-Italic-webfont.svg#CreteRoundItalic') format('svg');
font-family: 'Crete Round';
src: url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.eot');
src: url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.woff') format('woff'),
url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.ttf') format('truetype'),
url('ressources/fonts/Crete_Round/CreteRound-Italic-webfont.svg#CreteRoundItalic') format('svg');
font-weight: normal;
font-style: normal;
font-style: italic;
}
@ -170,7 +170,7 @@ mark
{
position: absolute;
left: 470px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 16px;
color: #9B7606;
cursor: pointer;
@ -228,7 +228,7 @@ mark
#vous_programmez_en, .langage_actuel
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 16px;
position: relative;
color: #D70404;
@ -272,7 +272,7 @@ mark
position: absolute;
top: -194px;
right: 43px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
color: #D70404;
font-size: 14px;
font-style: normal;
@ -295,7 +295,7 @@ mark
{
color: #D70404;
font-size: 16px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
}
.indications
@ -303,7 +303,8 @@ mark
color: #C17700;
font-size: 14px;
font-family: Italic, Arial;
font-family: 'Crete Round', serif;
font-style: italic;
}
#syntaxe_titre
@ -327,7 +328,7 @@ mark
position: absolute;
top: 374px;
right: 22px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 12px;
color: #C17700;
font-style: normal;
@ -432,7 +433,7 @@ mark
position: absolute;
top: 2px;
left: 55px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 16px;
color: #AC0000;
}
@ -448,14 +449,15 @@ mark
#description_erreur
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 14px;
color: #771A1A;
}
#suggestion_erreur
{
font-family: Italic, Arial;
font-family: 'Crete Round', serif;
font-style: italic;
font-size: 14px;
color: #1B6618;
}
@ -575,7 +577,7 @@ mark
position: absolute;
bottom: -496px;
left: 42px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-style: normal;
text-decoration: none;
text-align: left;
@ -638,7 +640,7 @@ mark
position: absolute;
top: 383px;
right: 53px;
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-style: normal;
text-decoration: none;
text-align: left;
@ -720,7 +722,7 @@ footer
#avertissement
{
font-family: Normal, Arial;
font-family: 'Crete Round', serif;
font-size: 14px;
text-align: left;
margin-left: 200px;