Question

我正在使用@ font-face来使用像这样的自定义字体

 @font-face {
  font-family: 'Simpletext';
  src: url('MYRIADPRO-REGULAR.woff') format('woff'); 
}

现在，当我想使用这个时，我就是这样做的

<p style="font-family:Simpletext ;">Lorem Ipsum is simply dummy text </p>
<span style="font-family:Simpletext ;">Lorem Ipsum is simply dummy text</span>

现在不是重复这个，有人会指导我如何定义它就像一个类规则并像这样重用它

 <p class="Simpletext"></p>

Answer 1

这是常规CSS。请查看教程或类似内容。这不适用于@font-face

<style>
    .your-class {
        font-family:"Simpletext";
    }
</style>
<p class="your-class">Lorem Ipsum is simply dummy text </p>
<span class="your-class">Lorem Ipsum is simply dummy text</span>

使用@ font-face在网页中多次实现自定义字体

1 个答案: