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 指定外观的重量小于继承的值。
详见W3C Fonts节章的规范标准

如何在HTML网页引入思源黑体相关推荐

如何在HTML网页引入JavaScript
方式一: 在HTML网页内,书写script标签,里面定义js代码缺点: 1.js代码不能重复使用(不能在其他网页里使用) 2.HTML标签和js代码耦合,不便于后期维护修改优点: 1.HTML网 ...
如何在html网页中插入视频（以及让视频自动播放的问题）
直接进入正题: 关于视频的插入可使用 video标签如下图简单介绍下用到的几个属性 class定义了video类在style中调整这个类的长度和高度属性: src处引入视频的链接: contro ...
网页引入谷歌字体_在网页中使用Google字体
网页引入谷歌字体 Google Fonts is a service provided for free by Google that allows access to thousands of fo ...
如何在Revit中引入WPF界面（通俗易懂）
欢迎加入BIM行业开发交流1群群号:711844216(满),二群群号:1016453207 背景小伙伴们在做revit二次开发时,为了丰富开发内容,会有引入界面的需求.作为窗体程序开发,基本上有 ...
如何在uni-app中引入iconfont图标
如何在uni-app中引入iconfont图标 step1 在iconfont中找到你要的图标,这里和vue其他地方引用的步骤一致,如果是第一次使用iconfont请自行百度使用方法,因为我一直使用的 ...
css:网页引入字体@font-face以及动态加载字体
css:网页引入网络字体@font-face <style >/* 引入字体 */@font-face {font-family: "站酷高端黑 Regular";fo ...
html5如何提交到邮箱,如何在html网页中提交表单直接发送到邮箱
如何在html网页中提交表单直接发送到邮箱?此问题一直困扰了我很久很久,后来了解到jmail组件可以解决此问题,而且现在的付费空间基本都会有此组件.分别建立表单页和asp页面,提交表单后通过asp页面 ...
Python将图片转化为base64编码以及如何在html网页上显示
1.Python将图片转化为base64编码 test.py # -*- coding: utf-8 -*- import base64 #这一段代码时间图片转化为base64 with open(& ...
如何在React中引入阿里图标库的图标
一.周所周知在 Antd Design 中也有一些图标,但是要找到自己想要的图标不是很方便,需要一个一个的找.而且提供的图标数量也不是很多! 而阿里图标库可以通过搜索找到自己想要的图标,图标的数量和 ...
如何在html网页内引入css样式
在html网页内引入css样式 1.调用外部css文件: <link rel="stylesheet" href="a.css" type="t ...

如何在HTML网页引入思源黑体

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

html引入思源黑体

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

如何在HTML网页引入思源黑体相关推荐

最新文章

热门文章