思源字体的安装和使用

1、下载思源字体并且解压
2、在百度中搜索 font-face生成器或者点击网址 https://www.fontke.com/tool/fontface/ 打开生成器，
3、点击上传字体文件将解压的字体文件夹中后缀名名为 .ttf的文件上传上去，然后点击立即生成，等一会会生成一个文件包并自动下载下来
4、将生成好并下载下来的文件包解压，，然后在前端项目中建一个foot文件夹，如果已经有了foot文件夹，也可以使用已有的，在然后将解压的文件全部复制到foot文件夹下
5、复制进去后，可以新建一个css文件，在这个文件中引入这些字体引入方式为
@font-face {
font-family: “Source Han Sans CN Regular”;
src: url("…/…/fonts/Source Han Sans CN Regular.woff2") format(“woff2”),
url("…/…/fonts/Source Han Sans CN Regular.woff") format(“woff”),
url("…/…/fonts/Source Han Sans CN Regular.ttf") format(“truetype”),
url("…/…/fonts/Source Han Sans CN Regular.eot") format(“embedded-opentype”),
url("…/…/fonts/Source Han Sans CN Regular.svg") format(“svg”);
font-weight: normal;
font-style: normal;
}

还可以使用字体自带的css文件，，在复制到foot文件夹下的所有文件中，是有一个.css文件的，将这个文件使用javaScript引入到页面中，然后就可以使用了

思源字体的安装和使用相关推荐

Android中添加思源字体/NotoSansCJK/SourceHanSans
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 系统版本 ...
Android中加入思源字体/NotoSansCJK/SourceHanSans
系统版本号:Android 4.2.2_r1 本文主要是在Android中加入思源字体的过程记录. 思源字体是Google和Adobe在2014.07.18公布的中文字体. 1.获取思源字体(Goog ...
html 字体思源_思源字体中日匹配
不熟悉思源字体又想用Aegisub尽快做出[规范的思源字体中日歌词样式]的新人请看下面这段,如下是已经调好的思源字体地区子集版和泛CJK版(7个字重全部调好)的中日匹配样式的外挂字幕文件的下载地址(内 ...
让你的网页引入思源字体
这段时间在做官网,设计师出了一份PSD,其他部分都搞完了,但就是字体,怎么我做出来的跟PSD字体完全两码事!?好丑啊!问了一下设计师,原来他用的字体叫思源黑体--我怎么没听过--后来查了才知道思源黑体 ...
php怎么调整字体和图片距离,PHP计算思源字体宽度, 并把文字绘制到图片上
2019-6-19 9:18:54 星期三思源字体是一套开源的字体, 那字体宽度是多少呢? 测试场景, 将包含汉字, 数字, 大小写字符的一段文字写到图片中去, 但不能出现超出的情况, 这就要计算 ...
word/exce转lPDF乱码（思源字体）
版本office 2016 PDF Adobe Acrobat 9 Pro 思源字体 1.Word 直接右键转换成PDF 会乱码 (调用的是Adobe PDF虚拟打印机,原理同2) 2.Word打开– ...
网页使用思源字体 CSS
在知乎上再次看到这门字体的提问,想想中文字体过得多么艰辛,中文软件过得多么艰辛. 思源字体 2014年7月,Adobe与Google宣布推出一款新的开源字体思源黑体, 有七种字体粗细(ExtraLig ...
WPF 导入google思源字体(.otf）格式字体
wpf 导入google思源字体(.otf)格式字体 OpenType (.otf) OpenType是微软和Adobe共同开发的字体,微软的IE浏览器全部采用这种字体.致力于替代TrueType字体 ...
html 使用思源字体_Flutter使用思源字体
1.找到字体ttf 2.导入项目 fonts: - family: NotoSerif fonts: - asset: assets/fonts/NotoSerif-Regular.ttf - ass ...

思源字体的安装和使用

思源字体的安装和使用相关推荐

最新文章

热门文章