WEB引入Google思源黑体

通过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的关系。

转载于:https://www.cnblogs.com/Kengyen/p/Using_Noto_Sans_SC_Google_Web_Font_in_HTML.html

WEB引入Google思源黑体相关推荐

Java web接入google身份验证器二次验证
实现原理参考: https://blog.seetee.me/post/2011/google-two-step-verification/ 第一步: maven工程加入依赖 <dependen ...
（原创）vue-cli3引入google地图 —— 自己坑自己填
近日,公司需要重构一款引用google地图的app,本想用uni-app下手,发现web-view的坑真的爬不出来,挣扎一番后,弃之投vue. google账号想要制作google地图,账号是必须的 ...
web引入font字体文件太大，字体抽取
当只有一个活动页面或者一小段文字需要引入特殊字体,字体文件往往会有十几兆或者几十兆,特别在移动端或者弱网情况下有相当差的体验,一个14M左右的文件就需要加载12秒... 所以针对一些小范围使用字体文件 ...
web 引入思源字体
1.下载SourceHanSansCN-Regular.TTF https://www.fontke.com/font/18839412/download/ 2.解压得到左边文件 3.找到在线font ...
maven项目引入Google二维码框架zxing实现二维码(支持logo图)
pom依赖:  <dependency><groupId>com.google.zxing</groupId><artifac ...
vue -web引入百度地图
本篇文章是笔者记录:从零到实现的全部过程先看效果图,是否是你想要的效果,两张不同缩放得到的效果图,目录有最终的效果图要想实现如图所示,必须满足以下几个条件: 是否已有百度地图的api的ak密钥: ...
java web 引入js_intellij idea java web怎么引入js
展开全部 IDEA中Javaweb引入32313133353236313431303231363533e78988e69d8331333363363364js的方式有大概两种: 一:内部引入方式意思 ...
Web Intents：Google的内部WebApp互联机制
Google Chrome团队近期发布了Web Intents,这是一个API,它允许Web应用集成第三方服务而不需要使用每一个第三方服务自有的API.Web Intents等于是Android in ...
Web 开发与设计之 Google 兵器谱
Google 的使命是 Web,在 Google 眼中,未来的一切应用都将 Web 化,一直以来,Google 为 Web 开发与设计者推出了大量免费工具,让他们更好地创建,维护,改善他们的 Web ...

WEB引入Google思源黑体

WEB引入Google思源黑体相关推荐

最新文章

热门文章