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”。