Comment utiliser l'attribut CSS @font-face

propriété css @font-face

Spécifie une police nommée "myFirstFont" et spécifie une URL où elle peut être trouvée

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

Définition de l'attribut d'attribut CSS @font-face et instructions d'utilisation

Règles @font-face, l'une des polices « Web-safe » que les concepteurs Web n'ont plus besoin d'utiliser. .

Le nom de la police, les règles de police

font-family : myFirstFont

Le fichier de police est inclus quelque part sur votre serveur, reportez-vous à CSS

src: url('Sansation_Light.ttf')

Si le fichier de police se trouve à un emplacement différent, veuillez utiliser l'URL complète

src: url('http://www. w3cschool .css/css3/Sansation_Light.ttf')

Vous êtes maintenant prêt à utiliser la police, voici un exemple de la façon de l'utiliser avec tous les éléments div

div
{
font-family: myFirstFont;
}

Syntaxe

@font-face
{
font-properties
}

Les exemples suivants sont des polices utilisées dans les divs :

div
{
font-family: myFirstFont;
}

Syntaxe

@font-face
{
font-properties
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!