为什么要在CSS中设置字体用字体 Unicode 编码
在 CSS 中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8 等)不匹配时会产生乱码的错误。 为此,在 CSS直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称,浏览器是可以正确的解析的。 例如:font-family:"\5FAE\8F6F\96C5\9ED1",表示设置字体为“微软雅黑”。
Unicode 编码中文字体转换对照表
华文细黑 | STHeiti Light [STXihei] | \534E\6587\7EC6\9ED1 | 华文细黑 |
华文黑体 | STHeiti | \534E\6587\9ED1\4F53 | 华文黑体 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 | 华文楷体 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 | 华文宋体 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B | 华文仿宋 |
丽黑 Pro | LiHei Pro Medium | \4E3D\9ED1 Pro | 丽黑 Pro |
丽宋 Pro | LiSong Pro Light | \4E3D\5B8B Pro | 丽宋 Pro |
标楷体 | BiauKai | \6807\6977\4F53 | 标楷体 |
苹果丽中黑 | Apple LiGothic Medium | \82F9\679C\4E3D\4E2D\9ED1 | 苹果丽中黑 |
苹果丽细宋 | Apple LiSung Light | \82F9\679C\4E3D\7EC6\5B8B | 苹果丽细宋 |
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 | 新细明体 |
细明体 | MingLiU | \7EC6\660E\4F53 | 细明体 |
标楷体 | DFKai-SB | \6807\6977\4F53 | 标楷体 |
黑体 | SimHei | \9ED1\4F53 | 黑体 |
宋体 | SimSun | \5B8B\4F53 | 宋体 |
新宋体 | NSimSun | \65B0\5B8B\4F53 | 新宋体 |
仿宋 | FangSong | \4EFF\5B8B | 仿宋 |
楷体 | KaiTi | \6977\4F53 | 楷体 |
仿宋_GB2312 | FangSong_GB2312 | \4EFF\5B8B_GB2312 | 仿宋_GB2312 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 | 楷体_GB2312 |
微软正黑体 | Microsoft JhengHei | \5FAE\x8F6F\6B63\9ED1\4F53 | 微软正黑体 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 | 微软雅黑 |
隶书 | LiSu | \96B6\4E66 | 隶书 |
幼圆 | YouYuan | \5E7C\5706 | 幼圆 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 | 华文细黑 |
华文楷体 | STKaiti | \534E\6587\6977\4F53 | 华文楷体 |
华文宋体 | STSong | \534E\6587\5B8B\4F53 | 华文宋体 |
华文中宋 | STZhongsong | \534E\6587\4E2D\5B8B | 华文中宋 |
华文仿宋 | STFangsong | \534E\6587\4EFF\5B8B | 华文仿宋 |
方正舒体 | FZShuTi | \65B9\6B63\8212\4F53 | 方正舒体 |
方正姚体 | FZYaoti | \65B9\6B63\59DA\4F53 | 方正姚体 |
华文彩云 | STCaiyun | \534E\6587\5F69\4E91 | 华文彩云 |
华文琥珀 | STHupo | \534E\6587\7425\73C0 | 华文琥珀 |
华文隶书 | STLiti | \534E\6587\96B6\4E66 | 华文隶书 |
华文行楷 | STXingkai | \534E\6587\884C\6977 | 华文行楷 |
华文新魏 | STXinwei | \534E\6587\65B0\9B4F | 华文新魏 |

本文讨论了HTML< Progress>元素,其目的,样式和与< meter>元素。主要重点是使用< progress>为了完成任务和LT;仪表>对于stati

本文讨论了html< datalist>元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

本文讨论了HTML< meter>元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了< meter>从< progress>和前

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

本文讨论了视口元标签,这对于移动设备上的响应式Web设计至关重要。它解释了如何正确使用确保最佳的内容缩放和用户交互,而滥用可能会导致设计和可访问性问题。

本文解释了HTML5< time>语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

本文讨论了< iframe>将外部内容嵌入网页,其常见用途,安全风险以及诸如对象标签和API等替代方案的目的。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

SublimeText3汉化版
中文版,非常好用

WebStorm Mac版
好用的JavaScript开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

SublimeText3 Linux新版
SublimeText3 Linux最新版