font-face自定义字体使用方法

今天闲的蛋疼小七来聊一聊关于css3的font-face属性的使用方法:

首先应该好多人没用过这个属性,那只能说你们的设计师还是有人性的,

一旦电脑系统没有的特殊字体或者你设计师故意装13为难你就需要用到font-face,他主要是把自己定义的Web字体嵌入到你的网页中,比如让你字体是这样或者是这样

使用方法:

css:

<style>
@font-face {
font-family: '666';/*你自己定义的字体的名字可以随便起*/
src:url('Futura-Md-BT.ttf') format('truetype');/*网上下载的字体文件格式包一般为ttf格式的兼容主流Safari, Android, iOS设备 ;推荐网站http://font.chinaz.com/去下载各种字体包*/

}
h2{
font-family: '666'
}
</style>

html:

<body>
<h2 >Aeues Bauen Dedwa w dmo</h2>

</body>

运行效果:

 

posted @ 2017-09-04 14:27  奔跑的小七  阅读(469)  评论(0编辑  收藏  举报