18、自定义字体

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

字体的格式:
  • .ttf
  • .otf
  • .woff
  • .eot
  • .svg
字体工具
  • 查找字体的网站:
    http://www.dafont.com
  • 修改字体图片格式的线上工具
    https://www.fontsquirrel.com/tools/webfont-generator
自定义字体的使用:

具体使用方法:

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

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


18、自定义字体_第2张图片
下载字体
  1. 解压后的文件仅留一下几个后缀的


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


    18、自定义字体_第4张图片
    样式表中的内容
  3. 设置对应的font-family的值为@font-face中的font-family的值即可使用。


    18、自定义字体_第5张图片
    font-family的值为样式表中的@font-face中的font-family的值即可

你可能感兴趣的:(18、自定义字体)