WEB引入Google思源黑体

html-css011

WEB引入Google思源黑体,第1张

WEB引入Google思源黑体

通过Link标签在网页头部引用Google Web Font:

字体:Noto Sans SC

大小:100, 300, 400, 500, 700, 900

在需要使用思源黑体的地方设置CSS样式:

TIP:Link标签的rel属性的全称是relationship,表示引用内容与当前HTML的关系。

http://andour.me/2017/04/08/Typora-修改中文字体.html

可以参考一下,这里面是改的微软雅黑,步骤很清楚

你要改思源黑体的话,首先要记得自己的电脑有这个字体,具体看你的系统(可以搜索字体设置查看)

打开字体设置之后,查找到你要用的那个字体文件的名字,然后按照上面教程的步骤 把 微软雅黑 改成那个名字就好了。

至于居中问题

text-align: center

加上这一句就好了,记得在写了从h1一直到h6的里面写(当然你在每个h里面写也可以,更保险)

如图:

思源黑体可以免费商用,目前也是免费使用的,还没有收费,所以是可以免费商用的。

思源黑体这一字体家族有七种字体粗细,完全支持日文、韩文、繁体中文和简体中文,这些全部都包含在一种字体中。它还包括来自我们颇受欢迎的 Source Sans字体家族的拉丁文、希腊文和西里尔文字形。

思源黑体开发背景

世界上大约四分之一的人口说汉语、日语和韩语。谷歌一直致力于为包括中国、日本、韩国在内的世界各地的用户提供高质量的信息服务。为此,谷歌与Adobe合作,为中国、日本和韩国的用户创建了一款很棒的免费字体:NotoSans CJK,它能给人们带来愉悦和高效的信息阅读体验。