您的位置:首页 > 文章 > 技术文章 > 如何在HTML网页引入思源黑体
如何在HTML网页引入思源黑体
发布时间:2025-10-21来源:LeafCMS浏览次数:205 次

css设置文字思源雅黑,分为medium, regular, light html引入思源黑体 通过Link标签在网页头部引用Google Web Font: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">   字体:Noto Sans SC 大小:100, 300, 400, 500,

css设置文字思源雅黑,分为medium, regular, light

html引入思源黑体

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

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">

字体:Noto Sans SC

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

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

font-family: "Noto Sans SC";
font-weight: 100;

 

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

 

Regular、Normal、Medium、Light 对应的font-weight值

字体粗细:‘font-weight’属性

名称: font-weight

取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

初始: normal

100 - Thin

200 - Extra Light (Ultra Light)

300 - Light

400 - Regular (Normal、Book、Roman)

500 - Medium

600 - Semi Bold (Demi Bold)

700 - Bold

800 - Extra Bold (Ultra Bold)

900 - Black (Heavy)

 

normal、regular与'400'相同。

bold与'700'相同。

bolder指定外观的重量大于继承的值。

lighter 指定外观的重量小于继承的值。

点击这里复制本文地址 以上内容由LeafCMS整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!