用css调用外部字体 方正兰亭黑.ttf 该怎么写css

用css调用外部字体 方正兰亭黑.ttf 该怎么写css,第1张

@font-face {
 font-family: 自己设置的字体名称;
 src:url(方正兰亭黑ttf);
}
div{
  font-family:"自己设置的字体名称";
}

语法就是这样写,但是现在浏览器支持情况不一样,而且加载速度超慢,建议不用。

使用CSS中的font-family,语法是:

font-family: <family-name>, <generic-font-family-category>

需要填写一个自定义的字体名称和一个默认的字体种类

例如Adobe Source Han Sans就是:

font-family: "Adobe Source Han Sans", sans-serif;

先注册字体
@font-face {
font-family: custom; /这里是说明调用来的字体名字/
src: url('customttf'); /这里是字体文件路径/
}
然后应用你注册的字体
my_css {
font-family: custom; /这里设置某参数的字体值,在这里是“my_css”调用了你刚才声明的字体值"custom"/
font-size: 14px; /这里是字体大小/
}

第一种方式<style type="text/css">类名{font-family:@方正大黑简体;}</style>

第二种方式:直接在某个需要改样式的标签里加<div style="font-family:@方正大黑简体;">这个是方正大黑简体</div>

方法如下:
@font-face {
font-family: SketchRockwell; /这里是说明调用来的字体名字/
src: url(‘SketchRockwellttf’); /这里是字体文件路径/
}

看了一下你的代码:里边一共有三处定义了 链接 的样式
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 就要改第三处的样式,才能生效。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12735888.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-27
下一篇 2023-05-27

发表评论

登录后才能评论

评论列表(0条)

保存