html div的汉字编码,css中文乱码怎么解决?

本文介绍了解决CSS中文字体乱码的方法,包括统一页面、CSS和JS的编码,并提供中英文字符对应及实例操作。特别强调IE6编码一致性对问题的影响。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

css中文字体乱码怎么解决?下面本篇文章就来给大家介绍一下css中文字体乱码解决方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

5df1b34ac0226903.jpg

方法一:把css编码和html页面编码统一起来。

如果html页面是utf-8、css、js也统一成utf-8编码。如果html页面是gb2312、css、js也统一成gb2312编码。

具体方法:

1、如果你想把utf-8转为GB2312

1)、用记事本打开源码,把换成;如果是JS不需要加这句,如果是网页最好加上这句和你页面对应的编码。

2)、用记事本打开源码,另存为,编码 哪里选择 ANSI 即可。

2、如果你想把GB2312转为utf-8

1)、用记事本打开源码,把换成;如果是JS不需要加这句,如果是网页最好加上这句和你页面对应的编码。

2)、用记事本打开源码,另存为,编码 哪里选择 UTF-8 即可。

特别提醒:CSS的编码最好和网页的编码一致,因为有一个古老的浏览器叫IE6,他的市场占用率依然非常高,编码不一致的CSS在IE6下不起作用。

方法二:

还有一个避免中文乱码的办法就是把中文字体写成英文来表示,例如:font-family:"宋体";font-family:"微软雅黑"; 对应: font-family:"simsun";font-family:"Microsoft YaHei";

更多字体中英文对照如下表(注:网页中最好使用宋体、黑体、微软雅黑、和一些通用的英文字体,其他不安全的中文字体不要使用。):中文名英文名UnicodeUnicode 2

Mac OS

华文细黑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华文仿宋

丽黑 ProLiHei Pro Medium\4E3D\9ED1 Pro丽黑 Pro

丽宋 ProLiSong 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苹果丽细宋

Windows

新细明体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楷体

仿宋_GB2312FangSong_GB2312\4EFF\5B8B_GB2312仿宋_GB2312

楷体_GB2312KaiTi_GB2312\6977\4F53_GB2312楷体_GB2312

微软正黑体Microsoft JhengHei\5FAE\x8F6F\6B63\9ED1\4F53微软正黑体

微软雅黑Microsoft YaHei\5FAE\8F6F\96C5\9ED1微软雅黑

Office

隶书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华文新魏

更多CSS相关知识,可访问 CSS教程 !!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值