前端人员如何在页面中导入外部字体

在http://fonts.mobanwang.com/fangzheng/这个网站中下载你所需要的字体文件，下载到页面解压之后，在https://www.fontke.com/tool/fontface/字体生成器中选择你所需要生成的字体

左侧所上传的文件就是刚刚解压出来的字体文件，右侧是你所需要生成的字体格式，点击立即生成，将生成的字体放到你的项目中，然后将


@font-face {font-family: "方正兰亭中黑_GBK";src: url("方正兰亭中黑_GBK.ttf") format("truetype");
}

引入到你的全局css中

.text{

font-family:方正兰亭中黑

}

这样就可以了

前端人员如何在页面中导入外部字体相关推荐

html5外链式引入不了字体,css中导入外部字体不生效的原因是什么？
css中可以使用@font-face引入外部字体,使用@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一.有时使用@font-face规则引入外部字体 ...
css中导入外部字体不生效的原因是什么？
css中可以使用@font-face引入外部字体,使用@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一.有时使用@font-face规则引入外部字体 ...
Struts2中导入外部xml文件出现Included file cannot be found错误！
Struts.xml 文件中导入外部xml文件,需要在Struts.xml文件中加入include元素. ch3.xml文件位于ch3目录中.ch3.xml是一个标准的Struts2配置文件路径千万 ...
ANSA二次开发 - 在ANSA中导入外部Python库
文章目录在ANSA中导入外部python库 NumPy SciPy OpenSSL H5py PIP 和venv包和环境管理系统 PIP venv CONDA包和环境管理系统下载Conda Con ...
android 导入外部字体
有时候UI会设置有个性的字体,已达到好的视觉效果.通常的做法就是给字体截图.但是这种方法很繁琐,现在就来介绍一种简单的方法-------导入外部字体. 1.下载好所需要的ttf格式字体包: 2.将.t ...
html中如何设置所有文本字体,如何设置HTML页面中文本的字体
字体属性介绍 CSS中的字体属性是干什么的呢?字体字体确定和字体有关咯,就是设置HTML页面中文本的字体, CSS中经常使用的字体属性有几种呢,笔者给你们梳理了下,比较经常使用的一共有5种,今天咱们就 ...
关于Asp.Net开发中导入外部JavaScript文件的问题
一直认为在html元素应用的时候,每个元素大都这样子(<hr />或者<script />)格式就对的,但今天就发现了,其实在不同的开发中是不一样的,这次遇到的就是导入外部Js ...
Unity中导入外部模型与预制件
前言: 在Unity3D的 Asset Store 中下载的包(package)资源, 其默认位置是: C:\Users\用户名\AppData\Roaming\Unity\Asset Store- ...
项目开发中引入外部字体库
前端web项目下载字体库(如:方正兰亭中黑_GBK.ttf) 全局引入 @font-face {font-family: "方正兰亭中黑_GBK";src: url(" ...

前端人员如何在页面中导入外部字体

前端人员如何在页面中导入外部字体相关推荐

最新文章

热门文章