Comment puis-je utiliser des fonts personnalisées sur un site Web?

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.