1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html 中加入字体库 css字体库怎么用?

html 中加入字体库 css字体库怎么用?

时间:2021-07-09 02:44:51

相关推荐

html 中加入字体库 css字体库怎么用?

CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。

css字体库使用方法:

1、下载字体库文件

自己去网上下载你想用的css字体库,这个就根据需求自己下载了。

2、在css中引用

在我自己新建的serviceHall.css中引用@font-face {

font-family: electronicFont;

src: url(../css/DS-Digital/DS-DIGIT.ttf),

url(../css/DS-Digital/DS-DIGII.ttf),

url(../css/DS-Digital/DS-DIGIB.ttf),

url(../css/DS-Digital/DS-DIGI.ttf)

}

font-family的值可以自己定义。根据你的字体库路径引入字体文件。

@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一。

字体的名称,font - face规则:font-family: myFirstFont;

字体文件包含在您的服务器上的某个地方,参考CSS:src: url('Sansation_Light.ttf')

如果字体文件是在不同的位置,请使用完整的URL:src: url('http://www.w3cschool.css/css3/Sansation_Light.ttf')

3、引用我们自己引入的样式

跟平时写样式那样,比如.servicehall-today-tablelist-wait{

width: 25%;

font-size: 20px;

text-align: center;

padding: 8px 2px;

line-height: 24px;

vertical-align: top;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

font-family: electronicFont;

}

font-family 规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。