在HTML中使用@ font-face

问题描述

最近，我有点重新编写代码，并希望通过开设一个小型网站来进行练习。因此，我想使用@ font-face定义自定义字体，并且我知道应该这样做（我的字体称为Champagne＆limousines）：

<style>

  @font-face {
      font-family: 'Champagne & Limousines';
      src: url('/fonts/Champagne & Limousines.eot');
      src: url('/fonts/Champagne & Limousines.woff2') format('woff2'),url('/fonts/Champagne & Limousines.woff') format('woff'),url('/fonts/Champagne & Limousines.ttf') format('truetype'),url('/fonts/Champagne & Limousines.svg#Champagne & Limousines') format('svg'),url('/fonts/Champagne & Limousines.eot?#iefix') format('embedded-opentype');

font-weight: normal;
font-style: normal;


 }

但是，我想知道为什么我们不必在每行之前放置“ src：”。可以请教我背后的逻辑吗？

谢谢。

解决方法

在html中使用字体时，应在所需的特定部分使用，例如，如果我要使用 “ Vazir-Fd”（在我的国家是常用字体），我这样使用它：

@font-face{
font-family:'Vazir-FD',`src:url('/path')`
 }


body{
font-family:'Vazir-FD'
}

在这种情况下，我将其插入正文中，您可以在任意位置输入字体系列。

font-face html logic