CSS 中文字体的英文名称

最新推荐文章于 2025-05-01 14:16:03 发布
原创 最新推荐文章于 2025-05-01 14:16:03 发布 · 124 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文全面介绍了信息技术领域的多个方面，包括但不限于前端开发、后端开发、移动开发、游戏开发、大数据开发、开发工具、嵌入式硬件、嵌入式电路知识、嵌入式开发环境、音视频基础、音视频直播流媒体、图像处理AR特效、AI音视频处理、测试、基础运维、DevOps、操作系统、云计算厂商、自然语言处理、区块链、隐私计算、文档协作与知识管理、版本控制、项目管理与协作工具、有监督学习、无监督学习、半监督学习、强化学习、数据安全、数据挖掘、数据结构、算法、非IT技术、自动推理、人工神经网络与计算、自动驾驶、数据分析、数据工程、程序设计方法、数据库理论、代码管理工具。

华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
俪黑 Pro：LiHei Pro Medium
俪宋 Pro：LiSong Pro Light
标楷体：BiauKai
苹果俪中黑：Apple LiGothic Medium
苹果俪细宋：Apple LiSung Light

Windows的一些：

新细明体：PMingLiU
细明体：MingLiU
标楷体：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei

装Office会生出来的一些：

隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei

Liunx环境安装字体（simsun为例）
Zheng.Zeng的博客
09-07 1万+
【代码】Liunx环境安装字体（simsun为例）
[转载]CSS 中文字体的英文名称 (simhei, simsun) 宋体 微软雅黑
weixin_30530523的博客
03-06 168
华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 俪黑 Pro：LiHei Pro Medium 俪宋 Pro：LiSong Pro Light 标楷体：BiauKai 苹果俪中黑：Apple LiGothic Medium 苹果俪细宋：Apple LiSung Light W...
SimHei字体（永久有效）
热门推荐
jlb1024的博客
12-19 6万+
下载资源在这里，下载后解压压缩包然后字体就在里边，因为这个资源已经存在了只能这样放了请谅解 也可以在这里下载 复制到　/usr/share/fonts　目录下 ...
字体库：simsun.tcc
12-11
linux中菜单和文件名中中文显示麻将方块，调整办法： 1.cd /usr/share/fonts 2.mkdir truetype 3.cd truetype 4.mkdir simsun 5.将simsun.tcc文件传到/usr/share/fonts/truetype/simsun/目录中 6.cd simsun 7.执行 mkfontscale, 生成了fonts.scale文件 8.执行 mkfontdir, 生成了fonts.dir文件 9.chkfontpath --add /usr/share/fonts/truetype/simsun/ 10.service xfs reload simsun.tcc将附件解压得到。
字体库：simsun.tcc 使用说明
gitblog_06727的博客
05-01 721
字体库：simsun.tcc 使用说明 去发现同类优质开源项目:https://gitcode.com/ 介绍 此仓库提供了一款适用于Linux系统的字体库资源文件——simsun.tcc。该字体库能够在Linux操作系统中实现菜单和文件名中的中文显示，特别是麻将方块字符的正确显示。 安装步骤 打开终端，进入字体目录： cd /usr/share/fonts 创建一个新的目录用于存放字体...
SimSun_SimHei_SimFan.zip
12-11
SimSun字体 SimHei字体 SimFang字体 SimKai字体 mac linux windows都能用
css英文字体 在线引用,css字体英文名称(示例代码)
weixin_39640372的博客
08-03 662
华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong俪黑 Pro：LiHei Pro Medium俪宋 Pro：LiSong Pro Light标楷体：BiauKai苹果俪中黑：Apple LiGothic Medium苹果俪细宋：Apple LiSung LightWindows的一些：新细明...
CSS font-family常见中文字体对应的英文名称
guoqkmiss的博客
08-18 2224
CSS font-family常见中文字体对应的英文名称 var dataFont = { windows: [{ ch: '宋体', en: 'SimSun' }, { ch: '黑体', en: 'SimHei' }, { ch: '微软雅黑', en: 'Microsoft Yahei' }, { ch: '微软正黑体',
CSS中文字体英文名称
weixin_33713350的博客
07-07 96
为什么80%的码农都做不了架构师？>>> ...
CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表
09-25
在CSS文件中，我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称,需要的朋友可以注意下
CSS font-family为英文和中文字体分别设置不同的字体
09-25
在这些版本的IE浏览器中，如果将中文字体（如`'Microsoft YaHei'`）放在首位，不仅中文会使用这个字体，英文也可能被错误地用同样的字体渲染，这显然不是我们想要的结果。 为了避免这个问题，一种解决方案是在支持...
TCC - Tiny C Compiler ( for linux )
02-18
Tiny C Compiler（TCC） 是一个轻量级高速的C语言编译器。 TCC的编译速度十分快，以至于编译一些大型项目都不需要Makefile文件。 TCC支持ANSI C，大部分的 ISO99 C的新标准和许多GNU C扩展以及C语言和汇编语言混编。 TCC可以用来执行 C 脚本，即C语言源文件可以像Perl和Python一些脚本语言一样直接执行。 详：http://zh.wikipedia.org/wiki/Tiny_C_Compiler
CSS中文字体对应的英文写法(常用整理)
09-25
为了达到这一目标，CSS文件中需要将中文字体名称转换为对应的英文名称。通常情况下，这些英文名称是字体开发厂商为字体指定的英文商标名称。 在实际开发中，中文字体和对应的英文写法整理如下： - 华文细黑：...
CSS3用@font-face实现自定义英文字体
09-25
在CSS3中，`@font-face`规则是一个强大的特性，允许开发者自定义并引入网页的英文字体，从而提供独特的视觉效果和品牌风格。通过这个规则，你可以指定一个唯一的字体名称，然后链接到本地或者网络上的字体文件，使得...
ImageFont.truetype时，报错：OSError: cannot open resource
lly_csdn123的博客
03-20 818
2.将simsun.tcc复制到 "/usr/share/fonts/truetype/simsun/"文件夹下面（ubuntu）。1.下载simsun.tcc。
导出PDF /home/education/font/simsun.ttc not found as file or resource.
程序员
11-07 1万+
导出PDF报错:/home/education/font/simsun.ttc not found as file or resource. 出现这样的情况可能有以下几点 1、字体路径不对 2、该路径下没有simsun.ttc字体库文件 3、simsun.ttc文件错误 我的是路径错了，然后涉及到的所有路径都没这个文件，于是创建正确的文件夹路径并...
中文字体的英文名称
weixin_33736832的博客
04-06 2513
HTML，CSS，font-family：中文字体的英文名称 （宋体 微软雅黑）In 前端  @2012-09-13 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 ...
css如何分开设置中文字体和英文字体
最新发布
10-14
<think>首先，用户的问题是：“我想查找在CSS中分开设置中文字体和英文字体的方法 请问CSS中分开设置中文字体和英文字体的方法”。这直接询问如何在CSS中为中文和英文设置不同的字体。 现在，回顾系统级指令： - 所有行内数学表达式必须使用 $...$ 格式。 - 独立公式必须使用 $$...$$ 格式并单独成段。 - LaTeX语法正确。 - 使用中文回答。 - 生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识，如 [^1]。 用户提供了几个引用： - 引用[1]：指出在IE7、IE8中，如果中文字体放在首位，英文字体也会用中文字体渲染，不支持分别设置。 - 引用[2]：提到问题如不同系统行为不一致，字符可能重叠使用。 - 引用[3]：建议通过CSS属性如font-weight、font-style指定风格，而不是字体名称。 - 引用[4]：关于table的属性，与字体设置无关，似乎不直接相关。 我需要基于这些引用回答问题，但用户说“上述引用仅供参考，并不是用户真正的需求”，我应该参考用户上一次的问题和我的回答。然而，这是新对话的开始，因为没有之前的上下文。用户说“请尽可能多的参考用户上一次的问题和你的回答”，但在这个消息中，没有“上一次”的内容。这可能是个错误，或者是第一轮交互。查看消息历史：用户发送了系统指令示例，然后这条消息。所以，这可能是第一个用户查询。 因此，我会基于用户的问题和提供的引用回答。 关键点：如何在CSS中分开设置中文字体和英文字体的方法。 从引用中，我知道： - 旧版浏览器（如IE7、IE8）不支持分别设置。 - 现代浏览器可能行为不同。 - 最佳实践是使用CSS属性指定字体家族。 一个常见的方法是使用@font-face规则或font-family属性结合unicode-range。但引用中没有直接提到unicode-range。 标准方法： 1. 使用font-family属性，为整个元素设置字体列表，浏览器会选择第一个可用的字体。 2. 为了分别设置中文和英文，可以使用unicode-range属性在@font-face规则中指定范围。 例如： ```css @font-face { font-family: 'MyEnglishFont'; src: url('english-font.woff2') format('woff2'); unicode-range: U+0000-007F; /* Basic Latin */ } @font-face { font-family: 'MyChineseFont'; src: url('chinese-font.woff2') format('woff2'); unicode-range: U+4E00-9FFF; /* Han Ideographs */ } body { font-family: MyEnglishFont, MyChineseFont, sans-serif; /* 确保备用 */ } ``` 但引用[2]提到问题：浏览器行为不一致，某些字符可能被错误渲染。 另一个方法是使用CSS属性如font-family结合特定字体，但需注意优先级。 从引用[3]：建议不要直接指定字体名称中的风格属性，而用CSS属性控制。 所以，在回答中，我应该： - 解释基本方法。 - 提到兼容性问题。 - 提供现代解决方案。 - 使用中文回答。 - 生成相关问题。 结构回答： 1. 介绍问题：在CSS中，为中文和英文设置不同字体是常见的，但需考虑浏览器支持。 2. 描述方法： - 使用@font-face和unicode-range（现代方法）。 - 或者，使用font-family属性设置字体栈，但效果可能不理想。 3. 引用相关部分：自然地添加引用标识。 例如，提到旧版浏览器不支持时，引用[1]。 4. 生成相关问题。 确保回答清晰、可靠。 最终回答结构： - 开头解释。 - 代码示例（如果需要）。 - 注意事项。 - 相关问题。 </think>### 在CSS中分开设置中文字体和英文字体的方法 在CSS中，为中文和英文分别设置不同字体是一个常见需求，但需要考虑浏览器兼容性和字符渲染问题。核心方法是利用CSS的 `@font-face` 规则结合 `unicode-range` 属性，这允许您基于Unicode字符范围指定字体。以下是详细步骤和解释： #### 1. **基本方法：使用 `@font-face` 和 `unicode-range`** 这是现代浏览器（如Chrome、Firefox、Edge等）推荐的方法。`unicode-range` 属性定义字体应用的字符范围，例如英文（Basic Latin）和中文（Han Ideographs）。 - **示例代码**： ```css /* 定义英文字体（针对Basic Latin字符范围） */ @font-face { font-family: 'EnglishFont'; src: local('Arial'), local('Helvetica'), url('english-font.woff2') format('woff2'); unicode-range: U+0000-007F; /* 英文基本字符范围 */ } /* 定义中文字体（针对汉字范围） */ @font-face { font-family: 'ChineseFont'; src: local('Microsoft YaHei'), local('SimSun'), url('chinese-font.woff2') format('woff2'); unicode-range: U+4E00-9FFF; /* 汉字基本范围 */ } /* 应用字体到元素 */ body { font-family: 'EnglishFont', 'ChineseFont', sans-serif; /* 设置字体栈，确保备用 */ } ``` - **说明**： - `unicode-range: U+0000-007F` 覆盖英文ASCII字符（如字母、数字）。 - `unicode-range: U+4E00-9FFF` 覆盖常见汉字（您可以根据需要扩展范围）。 - `src` 属性优先使用本地字体（如 `local('Arial')`），避免不必要的下载。 - 在 `font-family` 中列出字体栈：浏览器会逐个尝试字体，优先匹配字符范围。 此方法在支持 `unicode-range` 的浏览器中工作良好，能将英文渲染为Arial/Helvetica，中文渲染为微软雅黑或宋体[^2]。 #### 2. **备胎方法：设置字体栈（简单但兼容性差）** 如果您不需要高级控制，可以通过 `font-family` 属性设置字体列表，浏览器会自动选择可用字体。但这种方法在旧浏览器（如IE7、IE8）中可能导致中文字体覆盖英文字体，因为浏览器不支持分优先级渲染[^1]。 - **示例代码**： ```css body { font-family: "Microsoft YaHei", "SimSun", "Arial", "Helvetica", sans-serif; } ``` - **说明**： - 将中文字体（如 `Microsoft YaHei`）放在首位，确保中文优先使用中文专用字体。 - 英文紧随其后（如 `Arial`），但IE7/IE8下，英文字符可能错误地用中文字体渲染。 #### 3. **注意事项** - **浏览器兼容性**： - `unicode-range` 方法在IE7、IE8中不支持，这些旧浏览器会忽略 `unicode-range`，并默认使用字体栈中的第一个字体渲染所有字符[^1]。现代浏览器（Chrome 36+、Firefox 44+、Edge 12+）支持良好。 - 其他问题：某些字符（如破折号）可能在英文和中文字体中都有定义，导致渲染不一致[^2]。 - **最佳实践**： - 使用CSS属性（如 `font-weight`、`font-style`）控制字体风格，避免在字体名称中包含这些细节[^3]。 - 测试多浏览器：确保在目标浏览器中预览效果，必要时添加浏览器前缀或回退方案。 - 优先使用Web安全字体：如 `Arial`（英文）和 `Microsoft YaHei`（中文），减少依赖外部字体文件。 #### 4. **总结** 推荐首选 `@font-face` 和 `unicode-range` 方法，它以高兼容性和精确度为中英文设置不同字体。如果仅需简单实现，使用字体栈方法，但需接受旧浏览器下的局限性。务必在实际项目中测试渲染效果，避免字符重叠问题[^2]。 ### 相关问题 1. 如何优化CSS字体设置以提升网页加载速度？ 2. 在旧浏览器（如IE8）下，如何回退实现中英文字体分开设置？ 3. CSS的 `unicode-range` 属性支持哪些字符范围？如何自定义？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值