css如何引入字体包

css引入字体

有些字体本身浏览器不携带，需下载字体包引入，常见字体SourceHanSansCN-Regular、SourceHanSansCN-Medium，属于思源黑体系列
思源黑体下载链接

@font-face{font-family: '字体名称随便起'; src: url('../font/字体名称.eot');src:url('../font/字体名称.woff') format('woff'),url('../font/字体名称.ttf') format('truetype'),url('../font/字体名称.svg') format('svg');
}//html中的代码中加一个h1或者其他的，里面写你自己想要的特殊文字h1{font-size:36px; color:#ccc;font-family: "字体名称随便起";}

关于字体后缀的说明

字体后缀和浏览器有关，如下所示
* .TTF或.OTF，适用于Firefox 3.5、Safari、Opera
* .EOT，适用于Internet Explorer 4.0+
* .SVG，适用于Chrome、IPhone
比如:
@font-face {font-family: 'HansHandItalic';src: url('fonts/hanshand-webfont.eot');src: url('fonts/hanshand-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/hanshand-webfont.woff') format('woff'),url('fonts/hanshand-webfont.ttf') format('truetype'),url('fonts/hanshand-webfont.svg#webfont34M5alKg') format('svg');font-weight: normal;font-style: normal;
}

css如何引入字体包相关推荐

前端项目如何引入字体包? 引入字体包不起效果？
因为设计师用的是IMac电脑,设计图默认使用的字体为 pingFangSC-Regular,这就需要我们做开发的引入苹方字体包以达到和设计图一致的视觉效果,(引入其他字体包同理) 先上个苹方字体 ...
vue-cli项目引入字体包
vue-cli项目引入字体包 vue-cli项目引入字体包 vue-cli项目引入字体包 1.先下载字体文件所需的.ttf文件 2.将字体文件引入自己在src文件定义一个common文件夹,在fon ...
vue项目中引入字体包
问题: 项目开发过程中,因UI的显示要求,需要引入一些字体,那如何引入外部字体呢?很简单,只需要以下3步一下载对应的字体包文件,放置到我们的项目中比如我需要PingFangSC的系列字体,我 ...
vue中怎么引入字体包（超详细）
vue中怎么引入字体包一.创建文件并添加字体包 1.在src里面的assets文件中创建text文件(没有assets文件可以自己创建一个,也可以不用此命名): 2.把字体包放入text文件,并创建 ...
css引入本地字体文件,关于css中引入字体文件
关于css中引入字体文件 css样式代码: @font-face { font-family: Lovelo-Black;//定义font的名字 src: url(font/Lovelo Black. ...
前端如何引入字体包vue项目里
1.在assets下新建一个font文件夹,在里面新建一个font.css文件,以及在里面放下载的字体文件,然后在font.css文件里定义这个字体包的名字,如下图所示: 2.记得在main.js引入 ...
vue项目里面引入字体包
1.将ui给的字体包放到assets,同时新建font.css文件 2.在font.css中配置字体 @font-face {font-family: "Dolce-V-H-B"; ...
css:网页引入字体@font-face以及动态加载字体
css:网页引入网络字体@font-face <style >/* 引入字体 */@font-face {font-family: "站酷高端黑 Regular";fo ...
css压缩处理字体包文件
本文章参考问题我们在写样式的时候,经常会遇到ui给出的特殊字体, 我本人之前遇到这种情况通常都是让ui切图,然后压缩图片,这样对于一些相对与后管配置的动态元素实现困难解决字蛛中文字体自动化压 ...

css如何引入字体包

css引入字体

css如何引入字体包相关推荐

最新文章

热门文章