博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css之字体的引用
阅读量:4880 次
发布时间:2019-06-11

本文共 1192 字,大约阅读时间需要 3 分钟。

font-family 属性设置文本的字体系列。

font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。

注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。

多个字体系列是用一个逗号分隔指明:

实例

p{font-family:"Times New Roman", Times, serif;}

如何在css中引入外部字体

css引入外部字体包的方法

@font-face{            font-family: 'oswald';            src : url('..//fonts/oswald.regular.ttf');        }

引入这个字体

.fontFail {            font-family: oswald;        }

数字使用oswald字体,中文使用思源

body{    font-family: "oswald", "SourceHanSansSC-Light","Source-Han-Light","Source Han Sans CN","SourceHanSansCN-Light","webfontSourceHanSansSC" !important}/ oswald字体只有数字和英文,所以汉字就默认使用下面的字体(思源字体)/ "SourceHanSansSC-Light","Source-Han-Light","Source Han Sans CN","SourceHanSansCN-Light" / 这个是思源字体的不同写法,为了兼容不同浏览器可以识别该字体/ "webfontSourceHanSansSC" 这个就比较厉害了。  是上面字体包的引用。如果前面的字体就没找到,就下载这个字体使用。
字体也可以引用不同的文字格式
@font-face {  font-family: "SourceHanSansCN-Light";  src: url("../font/SourceHanSansCN-Light.otf"),    url("../font/SourceHanSansCN-Light.ttf");  font-family: "SourceHanSansCN-Normal";  src: url("../font/SourceHanSansCN-Normal.otf");  font-family: "SourceHanSansCN-Regular";  src: url("../font/SourceHanSansCN-Regular.otf");}

 

 

转载于:https://www.cnblogs.com/qdlhj/p/10598402.html

你可能感兴趣的文章
SolrCloud的官方配置方式
查看>>
批量修改文件名称
查看>>
菜鸟学自动化测试(四)----selenium 命令之验证页面元素
查看>>
一文看懂汽车电子ECU bootloader工作原理及开发要点
查看>>
HTML5 canvas绘制验证码
查看>>
Kubernetes源码阅读笔记——Controller Manager(之二)
查看>>
SpringBoot+Jpa测试自增时报错Springboot-jpa Table 'sell.hibernate_sequence' doesn't exist
查看>>
2019春第四周作业
查看>>
SQL注入文件读取通过from for分页读取
查看>>
linux安装mvn后提示权限不够
查看>>
我为啥开始用CSDN博客
查看>>
Java代理机制之初见(理解及实现)
查看>>
泪奔在最后时刻
查看>>
log4j:ERROR Could not find value for key log4j.appender.error
查看>>
Java面试题集(51-70)
查看>>
FindWindow使用方法
查看>>
SSH框架总结(框架分析+环境搭建+实例源代码下载)
查看>>
Android导出jar包后的资源使用问题
查看>>
EMQ进行HttpApi登录问题
查看>>
全栈工程师之路-中级篇之小程序开发-第三章第一节页面跳转及参数传递,跳转到更多页面...
查看>>