如何在CSS中安装自定义字体

用户代理

我在一个名为Fonts的文件夹中有一个包含2种自定义字体的文件夹,其中一个名为PlayfairDisplay-Black。我不知道如何在我正在开发的网站中使用它们?

如何使用这些字体?

米奥米尔·迪斯基维奇(Miomir Dancevic)

特殊的CSS @ font-face声明可帮助各种浏览器选择所需的合适字体,而不会引起您很多麻烦。

@font-face{ 
    font-family: 'MyWebFont';
    src: url('WebFont.eot');
    src: url('WebFont.eot?#iefix') format('embedded-opentype'),
         url('WebFont.woff') format('woff'),
         url('WebFont.ttf') format('truetype'),
         url('WebFont.svg#webfont') format('svg');
}

您要做的就是链接到HTML中的样式表,如下所示:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

要利用新字体,必须告诉样式表使用它们。查看上面原始的@ font-face声明,然后找到名为“ font-family”的属性。链接的名称将是您用来引用字体的名称。在您要更改的选择器内,将webfont名称添加到“ font-family”属性中的字体堆栈中。例如:

p { font-family: 'MyWebFont', Arial, sans-serif; }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在MacOS中以编程方式在Mac中安装自定义字体

来自分类Dev

如何在TCPDF中添加自定义字体?

来自分类Dev

Android如何在画布中设置自定义字体?

来自分类Dev

如何在 Xcode playgrounds 中实现自定义字体

来自分类Dev

如何在 prestashop 中添加自定义字体?

来自分类Dev

如何在自定义tableviewcelll中设置标签的自定义字体?

来自分类Dev

如何在“自定义键盘”中输入自定义字体作为输入

来自分类Dev

如何在Rails 6和Webpacker(以及引导程序和SASS / SCSS)中安装自定义字体

来自分类Dev

如何在Rails 6和Webpacker(以及引导程序和SASS / SCSS)中安装自定义字体

来自分类Dev

如何在Vaadin RichTextArea中添加自定义字体和自定义字体大小

来自分类Dev

如何在android studio中安装自定义库?

来自分类Dev

如何在CentOS中安装自定义的Boost版本?

来自分类Dev

android如何在根设备的\ system \ fonts目录上安装自定义字体

来自分类Dev

你如何在语义 UI 中包含自定义字体(而不是谷歌字体)

来自分类Dev

CSS自定义字体

来自分类Dev

CSS自定义字体

来自分类Dev

在Azure实例中安装自定义字体

来自分类Dev

在Xcode 4.6.3中安装自定义字体

来自分类Dev

CSS 样式的自定义字体字体

来自分类Dev

如何在CSS中自定义下拉菜单?

来自分类Dev

如何在CSS中创建自定义边框设计

来自分类Dev

如何在SublimeText中使用自定义字体

来自分类Dev

如何在iOS中使用.ttc自定义字体

来自分类Dev

如何在网站中使用自定义字体

来自分类Dev

如何在imagestring()中加载我的自定义字体?

来自分类Dev

如何在TKINTER上使用自定义字体

来自分类Dev

如何在Ghostscript / PostScript中使用自定义字体?

来自分类Dev

如何使用CSS在JavaFX Scene Builder中设置自定义字体

来自分类Dev

如何使用CSS在JavaFX Scene Builder中设置自定义字体

Related 相关文章

  1. 1

    如何在MacOS中以编程方式在Mac中安装自定义字体

  2. 2

    如何在TCPDF中添加自定义字体?

  3. 3

    Android如何在画布中设置自定义字体?

  4. 4

    如何在 Xcode playgrounds 中实现自定义字体

  5. 5

    如何在 prestashop 中添加自定义字体?

  6. 6

    如何在自定义tableviewcelll中设置标签的自定义字体?

  7. 7

    如何在“自定义键盘”中输入自定义字体作为输入

  8. 8

    如何在Rails 6和Webpacker(以及引导程序和SASS / SCSS)中安装自定义字体

  9. 9

    如何在Rails 6和Webpacker(以及引导程序和SASS / SCSS)中安装自定义字体

  10. 10

    如何在Vaadin RichTextArea中添加自定义字体和自定义字体大小

  11. 11

    如何在android studio中安装自定义库?

  12. 12

    如何在CentOS中安装自定义的Boost版本?

  13. 13

    android如何在根设备的\ system \ fonts目录上安装自定义字体

  14. 14

    你如何在语义 UI 中包含自定义字体(而不是谷歌字体)

  15. 15

    CSS自定义字体

  16. 16

    CSS自定义字体

  17. 17

    在Azure实例中安装自定义字体

  18. 18

    在Xcode 4.6.3中安装自定义字体

  19. 19

    CSS 样式的自定义字体字体

  20. 20

    如何在CSS中自定义下拉菜单?

  21. 21

    如何在CSS中创建自定义边框设计

  22. 22

    如何在SublimeText中使用自定义字体

  23. 23

    如何在iOS中使用.ttc自定义字体

  24. 24

    如何在网站中使用自定义字体

  25. 25

    如何在imagestring()中加载我的自定义字体?

  26. 26

    如何在TKINTER上使用自定义字体

  27. 27

    如何在Ghostscript / PostScript中使用自定义字体?

  28. 28

    如何使用CSS在JavaFX Scene Builder中设置自定义字体

  29. 29

    如何使用CSS在JavaFX Scene Builder中设置自定义字体

热门标签

归档