Home 前端/建站css goofoffline离线使用Google字体-web开放字体

goofoffline离线使用Google字体-web开放字体

by Kevin
0 comment 40 views

Web开放字体格式 (Web Open Font Format) 是一种网页所采用的字体格式标准。此字体格式发展于2009年,由万维网联盟的Web字体工作小组标准化,现在已经是推荐标准。此字体格式不但能够有效利用压缩来减少文件大小,并且不包含加密也不受DRM限制。

由于iOS和iPadOS没有内置中文衬线字体,所以我不得不使用Google的web字体来使网站用上衬线字体,我选择使用思源宋体,在Google fonts 即 Noto Serif SC。

npm 安装goofoffline:

npm install -g google-fonts-offline

前往项目根目录后:

goofoffline "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:[email protected]&display=swap"

之后会生成fonts文件夹,里面生成了eot,svg,woff,woff2等字体格式和fonts.css

在html head标签引用fonts.css

link(rel="stylesheet", href="fonts/fonts.css" type="text/css" )

css内声明字体:

font-family: 'Noto Serif SC', serif;

Related Articles

Leave a Comment