web开发中使用自定义字体——手动下载篇

 时间:2024-11-08 04:33:11

1、首先创建两个文件web-font-start.html和web-font-start.css,作为我们的演示代码,初始代码如图:

web开发中使用自定义字体——手动下载篇web开发中使用自定义字体——手动下载篇web开发中使用自定义字体——手动下载篇

4、将zip文件解压到和web-font-start.html和web-font-start.css同一目录下,并修改文件夹名称为fonts(其他的也可以,但是要和后面引用字体的url路径一致),第二张图是kit包里面的内容

web开发中使用自定义字体——手动下载篇

5、打开fonts目录里的stylesheet.css文件,并复制里面的代码,然后将其粘贴到web-font-start.css文件的开头,然后修改相应的url路径,如图所示(框框部分的fonts即为刚才修改的fonts目录,这部分是修改url时加进去的)

web开发中使用自定义字体——手动下载篇

6、最后就可以在css中和一般的font-family一样使用我们手动添加的good_timesregular和beyond_wonderlandregular字体了

web开发中使用自定义字体——手动下载篇
  • c语言合法常量怎么判断?
  • C语言如何交换两个变量的值?
  • 指数函数求导定义推导&技巧推导
  • 求雨符怎么画
  • 高铁票如何认证学生票
  • 热门搜索
    眼袋怎么消除简单方法 威力洗衣机怎么样 建行手机银行怎么开通 微信透明壁纸怎么设置 苹果6s怎么下载软件 怎么发送邮件 求助信怎么写 学习报告怎么写 囊肿是怎么回事 电脑怎么赚钱