这种网页字体是用的什么字体。如何实现的? 财富值62

2016-04-03 00:04发布

不像正规字体啊
就是http://z.qzone.com/
这个网站上的字体

3条回答

确定不是你本地的默认字体?
为什么我看到的是普通的微软雅黑呢?

先来简单说下原理:(本人现阶段的理解)
我们所写的html和css代码都是通过浏览器进行解析的,如果网页上方有一张图片,就需要把图片打包在images文件夹,和网页文件打包在一起,这样在任何设备上都可以浏览到这张图片。

字体同样也是一个文件,如果我们不把特殊字体打包到网页文件中去,那么使用特殊字体的网页在不同浏览器上显示的字体就会不一样。一般来说,如果没有特殊字体的设备会选择本机默认的字体样式显示文本。

所以说,如果你想在网站上使用特殊字体,那么你需要下载这个字体的文件,将其余网页文件打包在一起,在写CSS的时候进行引用。

实现方法是使用CSS中的 @font-face
在网上找了两篇关于@font-face博客,题主感兴趣的话可以学习一下。
http://www.w3cplus.com/content/css3-font...
http://blog.163.com/hongshaoguoguo@126/b...

一周热门 更多>