网页制作设置字体 第1篇
在 CSS 中,可以通过 font-family 引用多种系列、多种字体,并且可以对字体先后顺序进行设置。
当用户打开一个网页的时候,浏览就会读取 font-family 第一个引用的字体,并去检索用户当前操作系统下的字体,如有就显示,如没有就检索下一个,以此类推。
若浏览器找不到指定的字体,或者没有设置 font-family 则会 fallback 到浏览器的默认字体。
网页制作设置字体 第2篇
将需要使用的字体文件下载后放在服务器上,用 @font-face 将字体文件作为一个资源应用到 CSS 文件。
为了兼容不同浏览器需要准备多种字体格式文件,字体格式文件与浏览器的兼容情况:
.ttf / .otf
.woff
IE9+,。
.eot
IE4+ 专用。
.svg
主要针对 Safari 做兼容。
网页制作设置字体 第3篇
Google Fonts是一个免费的Web字体库,提供了丰富的字体选择。通过在HTML中添加链接来引用Google Fonts提供的字体样式表,您可以轻松地在网页中使用特定的字体。
首先,在HTML的标签中添加以下代码:
然后,使用CSS的font-family
属性来应用Google Fonts提供的字体:
在这个例子中,我们使用了Google Fonts提供的_Open Sans_字体。