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 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。