Chargement d'une police externe via le CSS en ligne

Question

Est-il possible de charger une police externe via le CSS en ligne ?

Note : Je suis no parler de l'utilisation d'un fichier CSS externe avec un @font-face mais plutôt quelque chose comme ce qui suit :

<h1 style="font-family:myfont;
    src:('http://example.com/font/myfont.tff')">test</h1>

Answer 1

Non, pas que je sache. Vous devrez déclarer ce genre de choses sur une <style> ou un fichier CSS externe.

Mais si vous voulez quelque chose comme ça, il est très probable que vous vous y preniez mal.

Answer 2

Si vous utilisez @font-face, vous devriez pouvoir faire quelque chose comme ceci :

CSS

@font-face {
font-family: 'RalewayThin';
src: url('fonts/raleway_thin-webfont.eot');
src: url('fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/raleway_thin-webfont.woff') format('woff'),
     url('fonts/raleway_thin-webfont.ttf') format('truetype'),
     url('fonts/raleway_thin-webfont.svg#RalewayThin') format('svg');
font-weight: normal;
font-style: normal;

}

Veillez à inclure les polices - dans l'exemple ci-dessus, toutes les polices sont placées dans un répertoire à chemin relatif au fichier css.

HTML

<h1 style="font-family:RalewayThin,Helvetica, sans-serif;">

Vous devriez pouvoir trouver des polices @font-face gratuites sur le web. aquí .