搜索
您的当前位置:首页正文

CSS字符编码引起乱码

2023-11-28 来源:莱芜美食

乱码引起的CSS失效原理: 由于一个中文是两个字符组成,在编码不一致的情况下会引发字符的“重新”组合,(半个汉字的编码字符与后面的字符组合生成新的“文字”)引发原本的结束符合“变异”,从而导致找不到结束符号,使得后面的CSS就会失效。

小技巧1:CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的,因此最直接的方法就是使字符编码一致。将CSS指定编码类型,例:@charset "utf-8";(指定编码类型为utf-8,须写在CSS文件第一行)小技巧2:CSS中出现的乱码都是由于中文字符引发的,因此只要不写中文,就不会产生“乱码引起CSS失效”的这种情况

撇开以上两种小技巧,我们在刨下根,就会发现“乱码”通常来自以下两种情况。一、中文注释引起乱码CSS注释为:/*某些注释*/乱码实例: 正常代码:/*三汉字*/ 引起的乱码:/*涓夋眽瀛?/ 浏览器环境:IE6 HTML:gb2312 CSS:无编码指定,实际解析为utf-8

上例为乱码阻断了CSS注释的结束符,使得后面的CSS内容都在注释范围内,从而导致CSS的失效防范措施:加强注释示例: 正常代码:/****三汉字****/ 引起的乱码:/****涓夋眽瀛?***/这种增强版的注释可以防止乱码把注释的最终结束符“变异”,可以在编写CSS时,提前防范

二、中文字体引起乱码CSS指定字体:font-family:"中文字体";乱码实例: 正常代码:font-family:"黑体" 引起的乱码:font-family:"榛戜綋" 浏览器环境:IE6 HTML:gb2312 CSS:无编码指定,实际解析为utf-8

上例为乱码使得字体名称变成乱码,导致指定字体失效。这个问题的后果似乎不是很严重,但实际情况中,确实存在一种乱码把后面的引号“变异”的情况,使得后面的CSS都在字体的引号中,从而后面的CSS全部失效。防范措施:采用字体的别名(所以浏览器都可识别)示例: 正常代码:font-family:"SimHei" (font-family:"9ed14f53" ) 浏览器解析:font-family:"SimHei" (font-family:"黑体",IE6仍为font-family:"9ed14f53" 但字体解析显示为黑体)使用别名,绕开了使用中文,从而避免乱码

css中文字体(font-family)列表

Windows的一些:

黑体:SimHei

宋体:SimSun

新宋体:NSimSun

仿宋:FangSong

楷体:KaiTi

仿宋_GB2312:FangSong_GB2312

楷体_GB2312:KaiTi_GB2312

微软雅黑体:Microsoft YaHei

装Office会生出来的一些:

隶书:LiSu

幼圆:YouYuan

华文细黑:STXihei

华文楷体:STKaiti

华文宋体:STSong

华文中宋:STZhongsong

华文仿宋:STFangsong

方正舒体:FZShuTi

方正姚体:FZYaoti

华文彩云:STCaiyun

华文琥珀:STHupo

华文隶书:STLiti

华文行楷:STXingkai

华文新魏:STXinwei

补充:

使用楷体_GB2312、仿宋_GB2312后,在 Windows 7/Vista/2008 中可能不再显示为对应的字体。

这是因为 Windows 7/Vista/2008 中有楷体、仿宋,默认情况下没有楷体_GB2312、仿宋_GB2312,字体名称相差“_GB2312”。

-----------------------------------------------------------

中文字体在 CSS 中的写法

针对字体的写法,觉得需要说明一下:

body,

button, input, select, textarea {

font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif;

}

“5b8b4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。普及点字体知识:

字体的别名

系统中的一个字体是允许有多种别名形式存在的。比如,在 Windows 下,Georgia 也可以用 Georgia MS 来命名,它们其实是同一种字体。宋体的正式名称是 SimSun,而“宋体”只是它的别名。

按照规范,浏览器应该能自动识别字体的别名,并映射到正确的字体文件。比如,font-famliy: SimSun和font-family: "宋体"应该具有等价的效果。可惜,似乎很多浏览器都不能正确执行前一条定义……

因此,考虑浏览器兼容,我们需要用“宋体”,转码成 unicode 形式则可以保证在任何编码下都无问题。

-----------------------------------------------------------

为了方便需要的朋友快速使用,下表中列出了一些常用中文字体的Unicode编码: 黑体 9ED14F53 宋体 5B8B4F53 楷体 69774F53 微软雅黑 5FAE8F6F96C59ED1

小编还为您整理了以下内容,可能对您也有帮助:

css字体乱码怎么办

“ncss字体乱码怎么办”是一个常见的问题,尤其是在写论文或者其他文档时。这个问题的解决方法有很多种,其中一种方法是更换字体。如果您使用的字体不支持中文或者有乱码问题,可以尝试使用其他中文支持的字体。另外,您也可以尝试使用Unicode编码或者ASCII编码,这些编码方式可以有效地解决字体乱码问题。

除了更换字体或者使用不同的编码方式,您还可以尝试使用专业的字体软件来解决字体乱码问题。这些软件可以自动检测和修复字体问题,让您的文档看起来更加专业和整洁。

总之,在处理字体乱码问题时,您可以采取多种方法来解决。选择最适合您的方法,让您的文档看起来更好看,更易读。

如何解决JS与CSS中文字乱码问题

推荐:《css视频教程》

解决方法一:

CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的,因此最直接的方法就是使字符编码一致。将CSS指定编码类型,例:@charset "utf-8";(指定编码类型为utf-8,须写在CSS文件第一行)

解决方法二:

CSS中出现的乱码都是由于中文字符引发的,因此只要不写中文,就不会产生“乱码引起CSS失效”的这种情况。

撇开以上两种解决方法,我们在刨下根,就会发现“乱码”通常来自以下两种情况。

一、中文注释引起乱码

乱码实例:

正常代码:/*三汉字*/

引起的乱码:/*涓夋眽瀛?/

上例为乱码阻断了CSS注释的结束符,使得后面的CSS内容都在注释范围内,从而导致CSS的失效

防范措施:加强注释

示例:

正常代码:/****三汉字****/

引起的乱码:/****涓夋眽瀛?***/

这种增强版的注释可以防止乱码把注释的最终结束符“变异”,可以在编写CSS时,提前防范

二、中文字体引起乱码

乱码实例:

正常代码:font-family:"黑体"

引起的乱码:font-family:"榛戜綋"

上例为乱码使得字体名称变成乱码,导致指定字体失效。这个问题的后果似乎不是很严重,但实际情况中,确实存在一种乱码把后面的引号“变异”的情况,使得后面的CSS都在字体的引号中,从而后面的CSS全部失效。

防范措施:采用字体的别名(所以浏览器都可识别)

示例:

正常代码:font-family:"SimHei" (font-family:"9ed14f53" )

浏览器解析:font-family:"SimHei" (font-family:"黑体",IE6仍为font-family:"9ed14f53" 但字体解析显示为黑体)

使用别名,绕开了使用中文,从而避免乱码。

如何解决JS与CSS中文字乱码问题

推荐:《css视频教程》

解决方法一:

CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的,因此最直接的方法就是使字符编码一致。将CSS指定编码类型,例:@charset "utf-8";(指定编码类型为utf-8,须写在CSS文件第一行)

解决方法二:

CSS中出现的乱码都是由于中文字符引发的,因此只要不写中文,就不会产生“乱码引起CSS失效”的这种情况。

撇开以上两种解决方法,我们在刨下根,就会发现“乱码”通常来自以下两种情况。

一、中文注释引起乱码

乱码实例:

正常代码:/*三汉字*/

引起的乱码:/*涓夋眽瀛?/

上例为乱码阻断了CSS注释的结束符,使得后面的CSS内容都在注释范围内,从而导致CSS的失效

防范措施:加强注释

示例:

正常代码:/****三汉字****/

引起的乱码:/****涓夋眽瀛?***/

这种增强版的注释可以防止乱码把注释的最终结束符“变异”,可以在编写CSS时,提前防范

二、中文字体引起乱码

乱码实例:

正常代码:font-family:"黑体"

引起的乱码:font-family:"榛戜綋"

上例为乱码使得字体名称变成乱码,导致指定字体失效。这个问题的后果似乎不是很严重,但实际情况中,确实存在一种乱码把后面的引号“变异”的情况,使得后面的CSS都在字体的引号中,从而后面的CSS全部失效。

防范措施:采用字体的别名(所以浏览器都可识别)

示例:

正常代码:font-family:"SimHei" (font-family:"9ed14f53" )

浏览器解析:font-family:"SimHei" (font-family:"黑体",IE6仍为font-family:"9ed14f53" 但字体解析显示为黑体)

使用别名,绕开了使用中文,从而避免乱码。

同样的一段CSS代码为什么嵌入是正常效果,而用link引入却会显示乱码!有哪些原因呢?

应该是编码不同造成的。用记事本复制你的css,另存为时选择和你网页一样的编码。

为什么css在浏览器显示的汉字为乱码啊?

看一下,文件的编码和代码的编码是否一致,不一致会导致乱码

莱芜美食还为您提供以下相关内容希望对您有帮助:

css字体乱码怎么办

这个问题的解决方法有很多种,其中一种方法是更换字体。如果您使用的字体不支持中文或者有乱码问题,可以尝试使用其他中文支持的字体。另外,您也可以尝试使用Unicode编码或者ASCII编码,这些编码方式可以有效地解决字体乱码问题。除...

为什么css写中文注释会出现乱码?有什么好的解决方法。

一般写CSS和JS都会出现这个问题,主要是因为编码不对导致的。一般我会在页面中设置编码方式,确定好了,所有页面都统一定义,然后写CSS的时候也统一写上上面的@charset "gb2312";这样就不容易出问题了。

复制网页文字乱码是什么原因?

电脑知识-复制网页文章乱码 破解方法一:通过发现我们知道ie浏览器对 watermark 的CSS样式起作用,但也有一些浏览器不支持 watermark 的CSS样式,所以我们可以通过别的浏览器来屏蔽 watermark 的CSS样式达到去掉乱码的情况。可以...

如何解决JS与CSS中文字乱码问题

这是因为js和css文件字符集设置的问题,不支持中文或者与网站的字符集冲突。解决办法 1、安装notepad++程序 2、用notepad++打开js、css和html文件,修改文件的字符集编码 3、修改html展现时的字符集 统一使用utf-8字符集后,...

css文件用记事本打开为什么是乱码?

是的啊,我以前也遇见过这种情况,原因是你的编码方式不对。你可以用先用Dreamweaver打开CSS文件,把编码方式修改为“简体中文GB2312”。在保存。退出,再用记事本打开,就行了!!

sublime css样式中文注释乱码.怎么解决

例如文件css文件的存储文字编码格式是gb2312,而浏览器使用的时候utf-8,在使用记事本编辑css文件或者editplus编辑的时候,经常会出现这样的情况。查看的时候由于编码解码方式不一致就会出现乱码。处理方法是将css文件另存为同...

为什么css在浏览器显示的汉字为乱码啊?

看一下,文件的编码和代码的编码是否一致,不一致会导致乱码

div+css 网页 出现乱码

先打开gb2312的页面。然后把gb2312改为utf-8 然后关闭,会提示是否保存,点是。。然后保存下就不会出现乱码了。如果点否,就会变成乱码。

同样的一段CSS代码为什么嵌入是正常效果,而用link引入却会显示乱码...

应该是编码不同造成的。用记事本复制你的css,另存为时选择和你网页一样的编码。

css样式乱码变成这样

这部分乱码可能是中文的注释,保存的编码格式错误就会出现这种乱码。更改编码格式或者重新写过注释即可。

Top