`
xinran001
  • 浏览: 12803 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

为什么在CSS中要使用中文字体的英文名称

阅读更多



 在查看很多网页CSS文件时,经常看到字体属性中的字体是乱码,尤其是中文网站,如上

 

图所示。

 

  为什么会发生这样的现象?  其实这种现象很普遍,主要是因为制作者在编写CSS文件的时

 

候将字体属性中的字体名称使用中文名称所致。如font-family:宋体,黑体;  使用中文并不

 

是错误的,但是当出现编码转换的时候往往会出现乱码现象。比如编写CSS是在GB2312的

 

编码模式下进行的,再把其代码拷贝到UTF-8编码模式下时就会出现图上的乱码状态。虽然

 

出现了乱码,定义的字体仍能正常显示,但编写者肯定不会认识乱码中到底是什么字体


所以,为了避免这种现象的发生,最好在CSS中使用中文字体英文名称。宋体就写成

 

Simsun,黑体是Simhei,这样无论怎么转换编码状态都不会再出现乱码状态。  常用的中

 

字体英文名称可参照以前发过的文章常用中文字体英文名称对照表》。

  • 大小: 3.6 KB
分享到:
评论

相关推荐

    CSS中文字体转编码

    在CSS中直接使用中文作为字体名称可能会导致以下问题: - **兼容性问题**:某些浏览器可能无法正确解析非ASCII字符。 - **国际化问题**:在不同的语言环境中,相同的字体可能有不同的名称,这会导致代码难以维护。 ...

    CSS font-family为英文和中文字体分别设置不同的字体

    在这些版本的IE浏览器中,如果将中文字体(如`'Microsoft YaHei'`)放在首位,不仅中文会使用这个字体,英文也可能被错误地用同样的字体渲染,这显然不是我们想要的结果。 为了避免这个问题,一种解决方案是在支持...

    CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表

    在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,需要的朋友可以注意下

    常见中文字体的英文名

    尤其是在使用中文时,由于不同的操作系统和浏览器对字体的支持程度不同,了解常用的中文字体及其对应的英文名称显得尤为重要。下面将详细介绍部分常见的中文字体及其英文名称,帮助开发者和设计人员更好地在项目中...

    CSS中文字体对应的英文写法(常用整理)

    Windows系统中内置的一些中文字体同样有英文名称,以便在CSS中使用。例如: - 微软正黑体(Microsoft JhengHei) - 微软雅黑体(Microsoft YaHei) 在Office软件中安装字体也会产生一些特别的中文字体,例如: - ...

    cssfont-family中英文对照.js

    CSS font-family常见中文字体对应的英文名称,这个是收集的css中的font-family中的中英文对照,可以方便使用。

    英文字体名称对照速查列表

    此外,在编程中,尤其是涉及到CSS样式时,开发者也需要知道字体名称以便设置网页文本的样式。 除了基本的字体名称,对照表可能还会提供关于字体家族(Family)、字重(Weight,如Regular、Bold、Italic等)、宽度...

    pd4ml 设置中文字体问题.zip

    在HTML内容中,可以通过CSS来指定字体,确保中文字符使用正确的字体渲染。例如: ```html body { font-family: 'SimSun', sans-serif; } ``` 或者直接在元素内使用: ```html 你的中文内容 ``` 4. **...

    详解中文字体在CSS样式中font-family对应的英文名称

    本文将详细介绍在CSS中常见的中文字体及其对应的英文名称,帮助开发者更好地控制网页的视觉效果。 1. **宋体(SimSun)**:这是最常用的简体中文字体之一,其英文名称即为"SimSun"。宋体具有清晰的笔画和标准的字形...

    浏览器中css line.docx

    通过将中文字体名称转换为英文名称或使用Unicode编码,可以有效地解决这一问题,确保行高的正确应用。在实际开发中,应养成良好的CSS书写习惯,以避免此类问题的发生,提高代码的兼容性和可维护性。

    Flex 使用中文设备字体 解决办法

    在开发Flex应用程序时,可能会遇到一个问题,即默认情况下,Flex使用的是英文字体,这在显示中文内容时可能会出现不匹配或显示不全的情况。这篇博文将深入探讨如何解决Flex中使用中文设备字体的问题,以确保正确显示...

    css中 中文字体相关知识汇总

    CSS(层叠样式表)是...综上所述,中文字体在CSS中的使用涉及到字体的英文名称、字符集的支持范围以及版权问题。在制作网页时,开发者需要仔细考虑这些因素,以确保网页在不同环境下都能够正确且美观地显示中文文本。

    CSS笔记(1).pdf

    在CSS中设置字体名称,直接写中文是可以的。但是在文件编码(GB2312、UTF-8等)不匹配时会产生乱码的错误。解决方案有两种:一是使用英文来替代字体名称,二是使用Unicode编码来写字体名称。 2.2.3 font-weight: ...

    CSS样式(规则)定义对话框中英文对照.pdf

    文件中列举了多个CSS属性及其英文名称,尽管OCR扫描可能导致个别字词识别不准确,但下面将基于提供的内容详细解释各个知识点。 1. 字体相关属性 - `font-family`: 定义了元素的字体系列。 - `font-size`: 指定...

    中文字体在CSS中的写法整理

    下面是常见中文字体在CSS中的英文名称和对应Unicode编码的列表: 1. 宋体(SimSun): - 英文名: SimSun - Unicode: \5B8B\4F53 - Unicode2: 无 2. 黑体(SimHei): - 英文名: SimHei - Unicode: \9ED1\4F53 ...

    HTML5&CSS3网页制作:字体样式属性.pptx

    在网页设计中,HTML5和CSS3提供了丰富的样式控制手段,特别是对于文本的展示,CSS的字体样式属性显得尤为重要。这些属性使得我们可以精确地控制网页中的文本表现,从而提升用户体验和视觉效果。以下是对这些属性的...

    在低版本浏览器中css line.docx

    在描述中提到,问题可能源于在CSS中使用了中文的字体名称,例如“宋体”、“微软雅黑”或“黑体”。在某些低版本浏览器中,它们可能无法正确识别这些中文名称,导致行高设置失效。这是因为不同的浏览器可能对字体...

    Dreamweaver CS6 CSS样式汉化文件

    汉化此文件意味着将这些英文资源转换为中文,使中国用户在使用过程中能更直观地理解各个功能。 "CS6 CSS样式表的汉化文件.txt"很可能是一个文本文件,其中包含了汉化过程的说明或翻译后的CSS样式表的文本内容。这个...

    低版本浏览器中css line.docx

    在低版本的浏览器中,CSS样式可能会遇到一些兼容性问题,特别是涉及到中文字体和行高的设置。本篇文章主要探讨如何解决在这些浏览器中CSS `line-height`不生效的问题。 首先,我们要理解问题的根源。当CSS中设置了...

Global site tag (gtag.js) - Google Analytics