Question

我想知道如何允许新字体更改我的draggable中的文本我只能使用“旧”字体（标准字体）更改字体我想使用“新字体”，如教父，Chlorinar ，Earwig Factory，如何在不让用户下载的情况下将这些字体添加到我的网站

<select id="fs">
  <option value="Agency FB" style="font-family: 'Agency FB'">Agency FB</option>
  <option value="Algerian" style="font-family: 'Algerian'">Algerian</option>
  <option value="AR Berkley" style="font-family: 'AR Berkley'">AR Berkley</option>
  <option value="Earwig Factory" style="font-family: 'Earwig Factory'">Earwig Factory</option>
</select>

Answer 1

@font-face { font-family: SF-UI-Display-Ultralight; src: url('fonts/SF-UI-Display-Ultralight.otf'); }

以上是在CSS中添加字体的示例。当然指向实际的字体文件。

font-family: SF-UI-Display-Ultralight;

然后你可以将它添加到你的CSS中，你应该很好。请注意，您无法更改选项标记的字体。我认为MAYBE Firefox支持它，但大多数浏览器都不支持。

不同的字体添加到网站上

1 个答案: