So laden Sie externe Schriftartdateien in CSS

In CSS können Sie die Regel „@font-face“ verwenden, um externe Schriftartdateien zu laden, die Syntax @font-face {font-family: Fontname; : Dickenwert];[Schriftstil: Stilwert];}".

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS können Sie „@font -face“ Regeln zum Laden externer Schriftarten. @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 ist ein Modul in CSS3, das hauptsächlich benutzerdefinierte Web-Schriftarten in Ihre Webseiten einbettet .
  Durch die Verwendung der @font-face-Regel müssen Webdesigner keine „websichere“ Schriftart mehr verwenden.
  In der @font-face-Regel müssen Sie zunächst den Schriftartnamen definieren (z. B. myFirstFont). und zeigen Sie dann auf die Schriftart Name: seit Definieren Sie den Schriftartnamen (im Allgemeinen auf den Namen der importierten Schriftart festgelegt), und die Schriftart wird in nachfolgenden Stilregeln mit diesem Namen referenziert

src : Legen Sie den Ladepfad und das Format der Schriftart fest. Trennen Sie mehrere Ladepfade und Formate durch Kommas. srouce: Der Ladepfad der Schriftart, der eine absolute oder relative URL sein kann.

format: Das Format der Schriftart Wird für die Browsererkennung verwendet und verfügt im Allgemeinen über die folgenden Typen: TrueType, OpenType, TrueType-Aat, Embedded-OpenType, AVG usw.

So verwenden Sie externe Schriftartdateien für CSS

1 und legen Sie es im Schriftartenverzeichnis ab

🎜2. Verwenden Sie @font- Die Gesichtsregel führt die Schriftart ein und gibt dem Namen einen passenden Namen🎜

@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');
}

🎜3 🎜)🎜

Das obige ist der detaillierte Inhalt vonSo laden Sie externe Schriftartdateien in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!