网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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开发中使用自定义字体——使用在线字体服务
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com