Maison > interface Web > tutoriel CSS > Comment charger des fichiers de polices externes en CSS

Comment charger des fichiers de polices externes en CSS

青灯夜游
Libérer: 2021-11-10 16:55:09
original
8910 Les gens l'ont consulté

En CSS, vous pouvez utiliser la règle "@font-face" pour charger des fichiers de polices externes, la syntaxe @font-face {font-family: font name; src: url (external font-weight); : valeur d'épaisseur];[font-style: valeur de style];}".

Comment charger des fichiers de polices externes en CSS

L'environnement d'exploitation de ce tutoriel : système windows7, version CSS3&&HTML5, ordinateur Dell G3.

En css, vous pouvez utiliser "@font -face" pour charger des polices externes. @font-face”规则来加载外部字体文。

@font-face是CSS3中的一个模块,它主要是把用户自定义的Web字体嵌入到你的网页中。

通过使用 @font-face 规则,Web 设计师不必再使用任何一种“网络安全”字体。

在 @font-face 规则中,您必须首先定义字体名称(例如 myFirstFont),然后指向字体文件。

@font-face的语法规则:

@font-face {
      font-family: 字体名称;
      src: <source> [<format>][,<source> [<format>]]*;
      [font-weight: <weight>];
      [font-style: <style>];
    }
Copier après la connexion
  • font-family: 字体名称 :自定义字库名称(一般设置为所引入的字库名),后续样式规则中则通过该名称来引用该字库。

  • src

    @font-face est un module en CSS3, qui intègre principalement des polices Web définies par l'utilisateur dans vos pages Web.

    En utilisant la règle @font-face, les concepteurs Web n'ont plus besoin d'utiliser de police « Web-safe »

    Dans la règle @font-face, vous devez d'abord définir le nom de la police (par exemple, myFirstFont). puis pointez sur la police File. Règles de syntaxe pour

@font-face :

@font-face {
 font-family: &#39;fontnameRegular&#39;;
 src: url(&#39;fontname.eot&#39;);
 src: local(&#39;fontname Regular&#39;),
        local(&#39;fontname&#39;),
        url(&#39;fontname.woff&#39;) format(&#39;woff&#39;),
        url(&#39;fontname.ttf&#39;) format(&#39;truetype&#39;),
        url(&#39;fontname.svg#fontname&#39;) format(&#39;svg&#39;);
}
Copier après la connexion
  • font-family: font. name : puisque Définissez le nom de la police (généralement défini sur le nom de la police importée), et la police sera référencée par ce nom dans les règles de style ultérieures

  • src : Définissez le chemin de chargement et le format de la police. Séparez les plusieurs chemins de chargement et formats par des virgules

    srouce : Le chemin de chargement de la police, qui peut être une URL absolue ou relative

    format : Le format de la police, principalement. utilisé pour l'identification du navigateur, a généralement les types suivants - truetype, opentype, truetype-aat, Embedded-opentype, avg, etc.

    🎜🎜Comment utiliser les fichiers de polices externes pour CSS🎜🎜🎜1. et placez-le dans le répertoire des polices🎜🎜2. Utilisez @font- La règle du visage introduit la police et donne au nom un nom approprié🎜
    h1{font-family: fontnameRegular}
    Copier après la connexion
    🎜3. Utilisez la police que vous venez de définir🎜rrreee🎜 (Partage vidéo d'apprentissage : 🎜tutoriel vidéo CSS. 🎜)🎜

    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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal