Comment charger des fichiers de polices externes en CSS

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];}".

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>];
    }

• 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: 'fontnameRegular';
 src: url('fontname.eot');
 src: local('fontname Regular'),
        local('fontname'),
        url('fontname.woff') format('woff'),
        url('fontname.ttf') format('truetype'),
        url('fontname.svg#fontname') format('svg');
}

• 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}

  🎜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!