HTML5时代CSS设置漂亮字体取代图片

这是一篇很有收藏价值的文章《HTML5时代CSS设置漂亮字体取代图片》,在开发过程对大家很有帮助,小编结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
HTML5时代已经不知不觉的到来了,看到好多电商的网站都设计的非常漂亮,特别是文字部分都不是图片,而是直接用CSS来设计的,真心不错,研究了一下他们的CSS代码,拿来分享下。

我看了下小米的CSS字体代码,觉得挺好,这里贴出来:
复制代码
代码如下:

body{font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;}

解释:arial字体几乎所有操作系统都支持,用来显示英文效果也不错;Hiragino Sans GB是苹果丽黑字体,现在用苹果电脑的用户也蛮多;Microsoft Yahei是微软雅黑字体,Win7自带,大家都懂的;sans-serif这个字体比较特殊,我个人认为是针对Linux系统的。

以上就是个人认为在设计网页的时候比较不错的字体设置,大家可以参考一下咯。
您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题