web开发中使用自定义字体——使用在线字体服务

 时间:2024-10-13 21:53:09

1、在线字体服务有很多,包括Typekit(图一) 和Cloud.typography(图二)等,但是这里我选择Google Fonts,它是免费的在线字体服务,特别是适用于快速的测试工作和编写演示。

web开发中使用自定义字体——使用在线字体服务

2、首先我们打开Google Fonts网站,传送门https://fonts.google.com/,然后在右边的选择栏中挑选适合埠们萁猕自己网页的字体种类,在这里为了方便演示,我筛选了中文的字体种类,如图所示

web开发中使用自定义字体——使用在线字体服务

3、挑选好字体后,点击字体种类卡片右上角的+号,如图,我选择的是第一个字体种类ZCOOL QingKe HuangYou

web开发中使用自定义字体——使用在线字体服务

5、然后将代码粘贴到你的HTML页面的头部,使得字体是导入的,然后在你的CSS中就可以使用它了

web开发中使用自定义字体——使用在线字体服务

7、最后的字体效果如图,和Google fonts页面展示的字体演示一致,说明自定义字体成功

web开发中使用自定义字体——使用在线字体服务
  • css如何添加虚线边框
  • html设置字体颜色
  • 如何使用CSS样式控制不同类型元素宽度和背景色
  • jQuery点击弹出登录注册表单代码
  • CSS3文本换行教程
  • 热门搜索
    风龙废墟怎么进 消遣的近义词 幽静的近义词 ps高光怎么做 喜欢的近义词 苹果手机白屏怎么办 新农合怎么网上缴费 金山毒霸怎么彻底删除 清洁的近义词 注视的近义词是什么