Problème avec Font-Face
plecours69
Messages postés
3
Statut
Membre
-
plecours69 Messages postés 3 Statut Membre -
plecours69 Messages postés 3 Statut Membre -
Bonjour...
Je buche depuis un mois sur la fonction Font-Face... sans y arrivé (frustrant)
voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>portail</title>
<style type="text/css">
@font-face {
font-family: BoycottRegular;
src: url('../FTS/ BOYCOTT_-webfont.eot');
src: url('../FTS/ BOYCOTT_-webfont.eot?#iefix') format('embedded-opentype'),
url('../FTS/ BOYCOTT_-webfont.woff') format('woff'),
url('../FTS/ BOYCOTT_-webfont.ttf') format('truetype'),
url('../FTS/ BOYCOTT_-webfont.svg#BoycottRegular') format('svg');
font-weight: normal;
font-style: normal;
}
<!--
#nom {
text-align: center;
width: 1024px;
font-family: BoycottRegular,Verdana, Geneva, sans-serif;
font-size: 36px;
font-weight: bold;
text-decoration: none;
margin-right: auto;
margin-left: auto;
color: #FFF;
height: 30px;
}
#titre {
width: 1024px;
margin-right: auto;
margin-left: auto;
text-align: center;
font-family: BoycottRegular,Times, Geneva, sans-serif;
font-size: 22px;
font-weight: bold;
color: #FFF;
padding-top: -10px;
}
#menu p {
font-family: BoycottRegular, Times, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 850px;
margin-right: auto;
margin-left: auto;
background-color: #F90;
display: inline;
color: #FFF;
background-repeat: repeat;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #C60;
border-left-color: #C60;
padding: 0px;
letter-spacing: normal;
margin-top: 20px;
}
#menu {
width: 1024px;
margin-right: auto;
margin-left: auto;
text-align: center;
background-color: #F90;
filter: alpha (opacity = 90%);
- moz- opacity: .90;
opacity: .90;
padding-top: 2px;
padding-bottom: 2px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
margin-top: 10px;
padding-right: 0px;
padding-left: 0px;
}
body {
background-image: url(image/fond.jpg);
background-color: #000;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-attachment: fixed;
background-position: center center;
}
#corpo {
width: 1024px;
margin-top: 30%;
background-color:#000;
filter: alpha (opacity = 70%);
- moz- opacity: .80;
opacity: .80;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
margin-right: auto;
margin-left: auto;
}
-->
</style></head>
<body>
<div id="corpo">
<p id="nom">Philippe Lecours</p>
<p id="titre">Graphiste - illustrateur</p>
</div>
<div id="menu">
<p>Service graphique</p>
<p>Image corporative</p>
<p>Document publicitaire</p>
<p>Photographie de produit commercial</p>
</div>
</body>
</html>
Je me demande c'est ou qu'il manque le code qui va finir par gérer la fonts Boycot qui ressemble beaucoup à GENEVA mais en mieux!
Juste mentionné que je suis graphiste et de la vieille école de ce recyclé mais si je m'aitrise pas cette notion...
Je buche depuis un mois sur la fonction Font-Face... sans y arrivé (frustrant)
voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>portail</title>
<style type="text/css">
@font-face {
font-family: BoycottRegular;
src: url('../FTS/ BOYCOTT_-webfont.eot');
src: url('../FTS/ BOYCOTT_-webfont.eot?#iefix') format('embedded-opentype'),
url('../FTS/ BOYCOTT_-webfont.woff') format('woff'),
url('../FTS/ BOYCOTT_-webfont.ttf') format('truetype'),
url('../FTS/ BOYCOTT_-webfont.svg#BoycottRegular') format('svg');
font-weight: normal;
font-style: normal;
}
<!--
#nom {
text-align: center;
width: 1024px;
font-family: BoycottRegular,Verdana, Geneva, sans-serif;
font-size: 36px;
font-weight: bold;
text-decoration: none;
margin-right: auto;
margin-left: auto;
color: #FFF;
height: 30px;
}
#titre {
width: 1024px;
margin-right: auto;
margin-left: auto;
text-align: center;
font-family: BoycottRegular,Times, Geneva, sans-serif;
font-size: 22px;
font-weight: bold;
color: #FFF;
padding-top: -10px;
}
#menu p {
font-family: BoycottRegular, Times, Geneva, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
width: 850px;
margin-right: auto;
margin-left: auto;
background-color: #F90;
display: inline;
color: #FFF;
background-repeat: repeat;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #C60;
border-left-color: #C60;
padding: 0px;
letter-spacing: normal;
margin-top: 20px;
}
#menu {
width: 1024px;
margin-right: auto;
margin-left: auto;
text-align: center;
background-color: #F90;
filter: alpha (opacity = 90%);
- moz- opacity: .90;
opacity: .90;
padding-top: 2px;
padding-bottom: 2px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFF;
border-bottom-color: #FFF;
margin-top: 10px;
padding-right: 0px;
padding-left: 0px;
}
body {
background-image: url(image/fond.jpg);
background-color: #000;
background-repeat: no-repeat;
margin-right: auto;
margin-left: auto;
background-attachment: fixed;
background-position: center center;
}
#corpo {
width: 1024px;
margin-top: 30%;
background-color:#000;
filter: alpha (opacity = 70%);
- moz- opacity: .80;
opacity: .80;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
margin-right: auto;
margin-left: auto;
}
-->
</style></head>
<body>
<div id="corpo">
<p id="nom">Philippe Lecours</p>
<p id="titre">Graphiste - illustrateur</p>
</div>
<div id="menu">
<p>Service graphique</p>
<p>Image corporative</p>
<p>Document publicitaire</p>
<p>Photographie de produit commercial</p>
</div>
</body>
</html>
Je me demande c'est ou qu'il manque le code qui va finir par gérer la fonts Boycot qui ressemble beaucoup à GENEVA mais en mieux!
Juste mentionné que je suis graphiste et de la vieille école de ce recyclé mais si je m'aitrise pas cette notion...
A voir également:
- Problème avec Font-Face
- Face time - Guide
- Face time gratuit - Télécharger - Messagerie
- Face book conection - Guide
- Face boock - Forum Facebook
- Connexion compte faceboock ✓ - Forum Facebook
