美文网首页
18、自定义字体

18、自定义字体

作者: IUVO | 来源:发表于2017-11-08 17:56 被阅读20次

自定义字体,又叫服务器字体,可以使得我们的页面字体多元化,更有特色,具体使用方法也很简单

字体的格式:
  • .ttf
  • .otf
  • .woff
  • .eot
  • .svg
字体工具
自定义字体的使用:

具体使用方法:

  1. 到字体网站下载对应字体
  2. 到修改格式网站上传字体,选择expert,展开选项后,选择TrueType、EOT Lite、SVG、WOFF、WOFF2这些格式
选择要转换的字体

最下方勾选Agreement,就可以下载转换后的字体了。


下载字体
  1. 解压后的文件仅留一下几个后缀的


    留下这几个文件
  2. 引入样式表,或者直接拷贝到根目录,主要是要注意下图中的url,它就是字体引用的路径


    样式表中的内容
  3. 设置对应的font-family的值为@font-face中的font-family的值即可使用。


    font-family的值为样式表中的@font-face中的font-family的值即可

相关文章

网友评论

      本文标题:18、自定义字体

      本文链接:https://www.haomeiwen.com/subject/qxpymxtx.html