J'ai trois type de police -Gotham-gras, Gotham-moyen, Gotham-mince, donc je dois utiliser trois fois @font-face?
En fait, j'ai trois fichiers dans le dossier polices. Ce sont Gotham-Bold.ttf
, Gotham-Medium.ttf
, Gotham-Thin.ttf
..... Donc je dois utiliser le @font-face
trois fois pour ces trois types. Plaire à tout le monde de m'aider.
J'ai actuellement utilisé le code suivant:
@font-face {
font-family: 'Gotham';
src: url('fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
url('fonts/Gotham-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham';
src: url("/fonts/Gotham-Bold.eot");
}
@font-face {
font-family: 'Gotham';
src: url("/fonts/Gotham-Bold.woff") format("woff");
}
Grâce.
Vous devez vous connecter pour publier un commentaire.
C'est correct, vous aurez besoin d'un
@font-face
pour chaque poids de la police que vous souhaitez utiliser.Ensuite, vous pouvez utiliser des polices de la manière suivante:
Oui, vous devez déclarer chaque police type distinct
@fontface
. Chacun serait une police différente de la famille dans ce cas.Comme suit:
Seulement inclure les polices que vous utilisez, si.. si vous n'utilisez pas de Gotham Mince n'importe où sur la page, ne pas l'inclure (pour la vitesse).