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

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

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

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

这是个随机字串,如果没有这个,那么浏览器每次都会从缓存中读取字体文件(除非网页是首次运行);而如果有了这个字串,浏览器就会认为这是个新的url,就会重新从网上下载这个字体文件而不是从缓存中读取;当然,如果下下次这个字串没有变化,那么浏览器仍然会从缓存中去读取的。
所以这种技术通常用于网页
数据文件
的版本有变化时可以让浏览器立刻使用新版本的内容及代码,比如说js文件和css文件,修改后再上传到网站,用户在网页上是不会立刻看到修改后的效果的,必须等
浏览器缓存
的生命周期到期(或者让用户手动清理缓存)后才会更新,遇到这种情况,网页设计者就可以在文件名的后面加个问号再加个随机的字符串,用户只要一刷新网页就可以立刻看到新效果了。
不过像字体文件这种通常都是没什么变化的,所以并不适合用这种更新技术,尽量让浏览器直接从缓存中读取即可,这样可以加快网页的加载速度,提高效率。也就是说你把问号以及后面的一大串字符都删掉也是没问题的。
至于如何实现,你可以利用前端或后台脚本来生成随机字符串并拼接到文件路径的后面(用问号分隔)来实现这种效果。

CSS字体用法,首先我们需要去下载你所要用的字体,网页的话建议你最好还是使用大家都有的字体,如宋体等等,然后,我们在通过css的font-family:"字体名字",来设置就好了,这里通过代码来理解下:
<html>
<head>
<style>
wenzi{
width:200px;
height:100px;
border:1px solid #f00;
font-family:"宋体"; //这是只是举例,字体你可以自行去设定
}
</head>
<body>
<div class='wenzi'>
<p>我的数据</p>
</div>

</body>
</html>


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

原文地址: http://outofmemory.cn/yw/12971216.html

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

发表评论

登录后才能评论

评论列表(0条)

保存