css 设置自定义字体

html-css09

css 设置自定义字体,第1张

css使用font-family定义字体,https://www.apiref.com/css-zh/properties/font/index.htm,定义方法请查看css手册。

看了一下你的代码:里边一共有三处定义了

链接

的样式

a

{

color:

#FFFFFF

text-decoration:

none

}

-------------------------------

.m_li

a:link{

display:block

color:#FFFFFF

width:85px

}

-------------------------------

.m_li_a

a{

display:block

color:#FF0000

width:85px

}

第一处:是一个通用的

a

链接的样式定义,这个定义的作用是,整个页面中没有单独定义

a链接

样式的,都使用这个样式。

-----------------分割线-----------------

第二处,和第三处,就是属于单独定义

a链接样式的,它们不再是用第一处的通用链接的样式。这个时候,你修改第一处

通用

链接的样式,对他们就不会有丝毫的影响。

你的导航的class,

如果是:.m_li里面的a链接,就要改第二处的样式,才能生效。如果是:.m_li_a

就要改第三处的样式,才能生效。

使用@font-face来实现特殊字体的定义,定义时需要设置src和font-family属性

范例如下(其中,华文行楷只是一个范例,你可以换成任意一个字体):

<style>

@font-face {

font-family: 'myfont'

src: local('华文行楷'), url('STXINGKA.ttf') format('truetype')

}

.con {

font-family: 'myfont'

font-size: 44px

}

</style>

<div class="con">《HTML5布局之路》</div>

<div>h5course</div>

显示效果:

只有类名为con的div设置了特殊字体

PS:url当中的是你字体文件的路径,假如是放在font文件夹下的某个字体,而你的html文件与font文件夹同级,那么路径就应该是“font/STXINGKA.ttf”。