Manhattan a écrit :
Elles sont importées en css.
De la seule manière que je connaisse actuellement à savoir :
@font-face {
font-family: 'playfair_displayitalic';
src: url('font/playfairdisplay-italic-webfont.eot');
src: url('font/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('font/playfairdisplay-italic-webfont.woff2') format('woff2'),
url('font/playfairdisplay-italic-webfont.woff') format('woff'),
url('font/playfairdisplay-italic-webfont.ttf') format('truetype'),
url('font/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
font-weight: normal;
font-style: normal;
}
Mais j'ai solutionné mon problème en changeant quelque-chose : j'utilisais une de mes polices importées directement sur le body pour qu'elle soit par défaut sur l'ensemble du document. Je ne pensais pas que cela puisse poser problème. Vraisemblablement si. Ensuite je n'ai pas mis de code ou proposé d'exemple en ligne, parce qu'un thème premium, c'est jamais vraiment beau à regarder sous le capot.
+1 pour le regard sous le capot
Je pensais que le script js insère dynamiquement l'import de police. Ce qui peut poser problème. Je pense (pas essayé) qu'en faisant un import comme : (pas très propre tout ça), ça doit fonctionner.
<body style="@font-face { .... "> ....
*body ou html
Manhattan a écrit :
@font-face {
font-family: 'playfair_displayitalic';
src: url('font/playfairdisplay-italic-webfont.eot');
src: url('font/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('font/playfairdisplay-italic-webfont.woff2') format('woff2'),
url('font/playfairdisplay-italic-webfont.woff') format('woff'),
url('font/playfairdisplay-italic-webfont.ttf') format('truetype'),
url('font/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
font-weight: normal;
font-style: normal;
}
Oui moi aussi, c'est la manière dont je me sers pour importer une font. Mise à part que je le fais comme ceci désormais :
$webfonts: {
ma-font,
mon-autre-font,
encore-autre-font,
etc
);
@each $font in $webfonts{
@font-face {
font-family: '#{$font}';
src: url('fonts/#{$font}.eot');
src: url('fonts/#{$font}.eot?#iefix') format('embedded-opentype'),
url('fonts/#{$font}.woff2') format('woff2'),
url('fonts/#{$font}.woff') format('woff'),
url('fonts/#{$font}.ttf') format('truetype'),
url('fonts/#{$font}.svg') format('svg');
};
font-weight: normal;
font-style: normal;
}
Si cela t'intéresse d'écrire ainsi, fait un petit tour du côté de
SASS et choisit toi un framework tel que
Compass ou
Less. Je ne connais pas d'autres outils de ce type.
Modifié par niuxe (10 Jun 2015 - 21:46)
