解析中文字体在CSS中的表达方式

开发 前端
本文介绍的是中文字体在CSS中的表达方式,希望对你有帮助,一起来看。

在写一个网站的样式表的时候,都会不可避免地用到一些中文字体,比如说微软雅黑、黑体等,除非是做英文站,或者说你乐意整站都用浏览器默认的字体,那我也算服了U。在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式,但是对于像 WordPress 这样需要 UTF8 编码平台来说,一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。

所以我们可以通过英文、unicode 这种形式来表达中文,比如说刚才的 font-family:"微软雅黑","黑体";就可以写成 font-family:"Microsoft Yahei","SimHei"; 这样看起来是不是也可以统一一点呢。

中文字体与英文、unicode 对应的太多,背也背不下来,就搜集了一张表格收藏记录一下,希望也是你想要的:

Css中的样式表

CSS中的表达方式 

CSS中的表达方式

很全面吧,但也不要高兴地太早,因为我们有着人手一个规则的浏览器大军,就算是举着***支持 CSS 大旗的 Firefox,也有不尽如人意的地方,因为 Firefox 居然不支持以上别名,对它来说 "Microsoft Yahei" 并不是微软雅黑,只能反馈出浏览器默认字体的的结果,唉,浏览器太多也不好,还不如回到 IE 垄断的年代,没有比较,也就没有抱怨。

【编辑推荐】

  1. 10 个漂亮的 CSS3 表单制作教程
  2. 更简洁的 CSS 清理浮动方式
  3. CSS自定义滚动条样式
  4. 3款新鲜的CSS3&HTML5框架
  5. div+css牛人也得看的15个css
责任编辑:于铁 来源: wange.im
相关推荐

2009-12-03 10:09:36

linux添加字体中文字体

2011-01-11 10:05:29

Linux中文字体

2010-03-15 15:51:35

Ubuntu 8.04

2009-07-09 09:29:45

JDK中文Linux

2010-01-12 16:50:07

Linux minig

2009-06-16 13:57:00

netbeans 中文字体美化

2023-06-21 09:13:29

Windows 11微软

2010-09-01 14:20:19

CSS排版

2010-02-04 10:11:05

Linux mount

2010-02-04 09:37:31

2021-04-13 14:36:00

鸿蒙HarmonyOS应用

2010-03-11 09:34:31

Python线程编程

2009-11-30 11:24:49

PHP将EXCEL导入

2023-06-16 09:24:56

Windows微软

2023-07-12 07:04:07

Windows 10微软

2022-01-14 07:25:28

Linux 安装字体Linux 系统

2010-08-17 13:08:31

DIV+CSS布局

2010-06-09 19:27:51

Opensuse 字体

2010-06-09 19:04:44

Opensuse 字体

2010-03-05 16:09:44

Python中文字符
点赞
收藏

51CTO技术栈公众号