Pour que mon site Web soit beau, je dois utiliser une police personnalisée, en particulier Thonburi-Bold. Le problème est que la police ne s’affiche pas, sauf si l’utilisateur l’a installée. Il ne s’affiche pas non plus dans Firefox.
Y a-t-il une solution à ce problème?
Vous devez importer la police dans votre feuille de style comme ceci:
@font-face{ font-family: "Thonburi-Bold"; src: url('Thonburi-Bold.ttf'), url('Thonburi-Bold.eot'); /* IE */ }
Vous pouvez utiliser CSS font-face
ou webfonts CSS3
@ utilisation de font-face
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }
webfonts
Jetez un coup d’œil aux Webfont Google, http://www.google.com/webfonts
CSS vous permet d’utiliser des fonts personnalisées, des fonts téléchargeables sur votre site Web. Vous pouvez télécharger la police de votre myfont.ttf
, disons myfont.ttf
, et la télécharger sur votre serveur distant où votre blog ou votre site Web est hébergé.
@font-face { font-family: myfont; src: url('myfont.ttf'); }
Oui, il y a un moyen. Son appelé fonts personnalisées en CSS. Votre CSS doit être modifié, et vous devez télécharger ces fonts sur votre site Web.
Le CSS requirejs pour cela est:
@font-face { font-family: Thonburi-Bold; src: url('pathway/Thonburi-Bold.otf'); }
D’abord, vous devez placer votre police sous la forme d’un fichier .otf ou .ttf quelque part sur votre serveur.
Ensuite, utilisez CSS pour déclarer la nouvelle famille de fonts comme ceci:
@font-face { font-family: MyFont; src: url('pathway/myfont.otf'); }
Si vous liez votre document au fichier CSS dans lequel vous avez déclaré votre famille de fonts, vous pouvez utiliser cette police comme toute autre police.