<commit_before>---
layout: post
title: CSS中文字体对照表
category: CSS
tags: css, css3, font, font-family
description: CSS中文字体对照表

---

### 1.CSS中文字体对照表

最近在重构页面时在设置`font-family`时遇到了问题，不知道该如何描述中文字体才能让浏览器正确识别且和我的理解无误。通过Google搜索到一个[**CSS中文字体对照表**](https://hotoo.googlecode.com/svn/trunk/labs/css/css-fonts.html)。其中的内容虽然不是很全面，但对于初学者来说绰绰有余，若发现更合适的资料我也会及时补充和完善。  

考虑到文件编码问题，在css中推荐使用中文字体的英文表示法

### 2.扩展阅读

[css设置中文字体(font-family:"黑体")后样式失效问题](http://www.im87.cn/blog/10-03/cssshe-zhi-zhong-wen-zi-ti-font-familyhei-ti-hou-yang-shi-shi-xiao-wen-ti)

这个问题是针对IE6的，不过作者解决问题的思路可以学习。

---

（完）

（最后修改于 2016-03-29）<commit_msg>rename category<commit_after>---
layout: post
title: CSS中文字体对照表
category: css
tags: css, css3, font, font-family
description: CSS中文字体对照表

---

### 1.CSS中文字体对照表

最近在重构页面时在设置`font-family`时遇到了问题，不知道该如何描述中文字体才能让浏览器正确识别且和我的理解无误。通过Google搜索到一个[**CSS中文字体对照表**](https://hotoo.googlecode.com/svn/trunk/labs/css/css-fonts.html)。其中的内容虽然不是很全面，但对于初学者来说绰绰有余，若发现更合适的资料我也会及时补充和完善。  

考虑到文件编码问题，在css中推荐使用中文字体的英文表示法

### 2.扩展阅读

[css设置中文字体(font-family:"黑体")后样式失效问题](http://www.im87.cn/blog/10-03/cssshe-zhi-zhong-wen-zi-ti-font-familyhei-ti-hou-yang-shi-shi-xiao-wen-ti)

这个问题是针对IE6的，不过作者解决问题的思路可以学习。

---

（完）

（最后修改于 2016-03-29）
{'fraction_non_alphanumeric': 0.16557377049180327, 'fraction_numerical': 0.029508196721311476, 'mean_word_length': 5.859550561797753, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3826733', 'n_tokens_mistral': 818, 'n_tokens_neox': 886, 'n_words': 46}