html页面显示unicode编码,html-中文字体在CSS中的显示（Unicode编码）

最新推荐文章于 2023-08-04 13:39:59 发布
最新推荐文章于 2023-08-04 13:39:59 发布
阅读量1.2k 收藏
点赞数
文章标签： html页面显示unicode编码

在CSS中使用中文字体通常直接设置字体名称，比如设置字体为宋体：font-family:’宋体’。但因此产生的一个问题是，如果CSS编码有误，会导致页面加载后CSS中的中文字体乱码

直接使用中文字体，有时候在ie6下会出现样式丢失问题。

而使用英文代替中文如：“font-family:SimSun”也不推荐，Firefox的部分版本与Opera在处理SimSun时会有问题。

所以推荐使用中文字体的Unicode编码。

那怎么解决这个乱码问题呢，由于CSS文件基本都是UTF-8的编码模式，所以我们可以把中文字体的名称用相应的Unicode编码来代替，这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如中文字体“宋体”经过Unicode编码后为“\5b8b\4f53″，在CSS中就可以这样写：font-family:’ \5b8b\4f53’;

如果在你“DIV+CSS”的过程中，还需要用到一些表中没有的字体的话，可以借助Firefox的插件Firebug来查询所需中文字体对应的Unicode编码，方法很简单，就是打开Firefox，然后打开Firebug，在“控制台”里底部“>>>”的后面像这样输入

escape('黑体');

escape('黑体');

escape('黑体');

escape('黑体');

escape('黑体');

escape('微软雅黑');，然后会显示一个信息，%u5FAE%u8F6F%u96C5%u9ED1这个就是中文字体“微软雅黑”对应的Unicode编码“\5FAE\8F6F\96C5\9ED1”，注意把%u改成\，否则可能会出错。

0818b9ca8b590ca3270a3433284dd417.png

巧用Firebug查询中文字体的Unicode编码(Firefox 14.0.1，Firebug 1.10.1)

另外，在设置字体时候最好把英文字体写在前面，不然可能网页里所有的英文字体和数字都变成“宋体”或者别的字体去了，那样看起来比较不美观。例如：font-family:’ \5FAE\8F6F\96C5\9ED1’,Arial;最好像这样写：font-family:’\5FAE\8F6F\96C5\9ED1’,Arial;

为了方便需要的朋友快速使用，下表中列出了一些常用中文字体的Unicode编码：

宋体                   SimSun     \5B8B\4F53 黑体                   SimHei     \9ED1\4F53 微软雅黑            Microsoft YaHei     \5FAE\8F6F\96C5\9ED1 微软正黑体         Microsoft JhengHei     \5FAE\x8F6F\6B63\9ED1\4F53 新宋体                NSimSun     \65B0\5B8B\4F53 新细明体            PMingLiU     \65B0\7EC6\660E\4F53 细明体                MingLiU     \7EC6\660E\4F53 标楷体                DFKai-SB     \6807\6977\4F53 仿宋                    FangSong     \4EFF\5B8B 楷体                    KaiTi     \6977\4F53 仿宋_GB2312     FangSong_GB2312     \4EFF\5B8B_GB2312 楷体_GB2312     KaiTi_GB2312     \6977\4F53_GB2312 华文细黑             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             LiSong Pro Light     \4E3D\5B8B Pro 标楷体                BiauKai     \6807\6977\4F53 苹果丽中黑         Apple LiGothic Medium     \82F9\679C\4E3D\4E2D\9ED1 苹果丽细宋         Apple LiSung Light     \82F9\679C\4E3D\7EC6\5B8B

weixin_39833469
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html 显示unicode字符,网页中使用Unicode字符
weixin_36296864的博客
06-10 3536
最早的计算机只能使用ASCII字符，但随着计算机应用范围的扩展，很多国家都设计了用于计算机的特殊字符集，使自己国家和民族的字母及文字都能在计算机上显示和处理，比如中国的GB2312码。后来出现了互联网，把整个世界都连了进来，在一台计算机甚至一个界面上显示多国多民族文字变成现实的需要。国际组织制定了可以容纳世界上所有文字和符号的字符编码方案，称为Unicode，是通用字符集Universal Cha...
unicode转中文的代码html,unicode的html页面编码转换成中文
weixin_34542623的博客
06-10 769
代码：private static String convertToChinese(String dataStr) {System.out.println("--------data str---->" + dataStr);if(dataStr == null || dataStr.length() == 0) {return dataStr;}int start = 0;int end ...
HTML，url，unicode编码
weixin_64311421的博客
08-03 1034
URL 是“统一资源定位符”（Uniform Resource Locator），表示各种资源的互联网地址。url地址栏会将其解析为:?id=1%27%20order%20by%203%20–+以&符号开始，后面跟着一个预定义的实体的名称，或是一个#符号以及字符的十进制数字。例：在url地址栏输入?id=1’ order by 3 --+ord() — unicode编码。hex() — 16进制。int() — 10进制。\u后跟字符的十六进制。oct() — 8进制。bin() — 二进制。
HTML实体编码以及Unicode编码
qalx9的博客
07-24 753
网页中包含了大量的文字，我们的浏览器必须知道这些文字的编码方式，才能准确的将文字呈现出来。
html乱码原因与网页乱码解决方法
热门推荐
qq_41046162的博客
01-05 1万+
是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。就以上乱码效果截图情况的html代码为，因为 这里编码错误导致的乱码情况。内中文字内容与html编码不同造成。②html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。html乱码原因与网页乱码解决方法，浏览器浏览网页内容出现乱码符合解决篇（③浏览器不能自动检测网页编码，造成网页乱码。
C语言中有符号和无符号的区别（signed与unsigned）
IT日知录
10-04 2860
#include<stdio.h> int main(void) { //数类型 标识符=值 //无符号 unsigned 有符号singend(有符号可以省略) //有符号数是最高位为符号位，0代表正数，1代表负数。 //无符号数最高位不是符号位，而就是数的一部分，无符号数不可能是负数。 //%u——输出unsigned int类型-即表示输出一个无符号十进制整型数据 //% d——输出int类型 signed int a = -10; printf("%d\n", a);
IconfontTool.7z 阿里巴巴iconfont 字体库，显示图标及相应的unicode 编码。 .NET 5平台
10-27
在Iconfont中，每个图标都有一个对应的Unicode编码，这个编码可以在CSS或者HTML中直接使用，来显示相应的图标。例如，通过设置`content`属性为Unicode编码，我们可以让网页元素显示图标。 IconfontTool可能是专门为...
Css中常用中文字体的Unicode编码对照
06-19
Css中常用中文字体的Unicode编码对照
Web-前端html+css从入门到精通 156. iconfont矢量图标库.zip
05-23
4. **使用图标**：在HTML中，通过`<i>`或`<span>`标签，并设置`class`属性为Iconfont提供的类名，然后在`content`伪元素中插入图标对应的Unicode编码。例如： ```html <i class="iconfont icon-search"> ``` 这...
css中文显示
08-29
在网页设计中，CSS（Cascading ...总之，要确保CSS中文显示正常，关键在于正确设置字符编码、选择合适的中文字体、适当调整文本属性，并根据需要处理特殊字符。通过这些方法，我们可以创建出既美观又易读的中文网页。
怎样通过font属性控制CSS字体样式？
zy1992As的博客
03-08 1199
使用font-family属性设置字体时，需要注意以下几点。使用fomt属性综合设置字体样式时，必须按上述语法格式中的顺序书写，各个属性以空格隔开(line-height用于设置行间距，属于文本外观属性，在后面将具体介绍)。其中，不需要设置的属性可以省略(省略的属性将取默认值)，但必须保留fomt-size和 font-family属性，否则font 属性将不起作用。从图中可以看出，font属性设置的样式并没有对第二个段落文本生效，这是因为对第二个段落文本的设置中省略了字体属性“font-family”。
html编码后台转换,html unicode编码转换方法
weixin_35529208的博客
05-30 637
html unicode编码转换方法对于" 24038; 36793;"这种开始的字符，应该为html unicode编码类型，解码方法如下：s=" 24038;&# 36793;"s="左边"import re_=re.compile('(x)?([0-9a-fA-F]+);')to_str=lambda s,charset='utf-8':_.sub(lambda result:u...
HTML编码
最新发布
undefineing的博客
08-04 2314
通常一个网页中可解析的总共有三种编码，每种编码都能用来代替表示字符，按解析顺序依次是“html实体编码”“urlcode码”“Unicode码”，在执行过程中会在HTML环境下先解析“html实体编码”和“urlcode码”，然后查看有无js环境并解析其中的Unicode编码，对于三者的理解都有助于我们绕过限制正则，实行渗透。
HTML实体和Unicode字符
cungui5726的博客
08-16 556
There are two primary methods of generating a character with HTML entities: that is, two ways of generating characters that your keyboard and/or a word processor does not produce by default. Both meth...
字符转成网页Unicode码的方法,可用于在一个网页上显示多种语种.
xiaofenguser的专栏
01-07 1947
原理; 网页(HTML)Unicode的格式是黄中间的那一部分是字符的UNICODE编码,前后都是标志位;实现代码就很简单了:String s = "&#" + (int)黄 + ";"s就是转换后的UNICODE码了. 
html用unicode编码转换汉字,汉字与Unicode编码相互转换(Js版)
weixin_39946534的博客
05-31 674
Unicode编码转换工具//ASCII 转换 Unicodefunction AsciiToUnicode(){if (document.getElementById("content").value==""){alert("文本框中没有代码！");return;}document.getElementById("result").value="";for (var i=0;iresult.va...
Unicode编码对照表（html源码，运行即可）
ACBC12345的博客
06-05 1991
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table{ border-collapse: collapse;/*...
html之字体的unicode编码
ACMerdsb的博客
12-30 1500
unicode编码记不住怎么办？ 打开浏览器的任意一个网页，按F12之后点击控制台。 在控制台上输入如图所示的语句就可以出现自己想要的字体的unicode编码，只要把%u改为“/”即可。 ...
iconfont用unicode编码放到代码里是空白的
05-26
如果你在使用 iconfont 时，将其编码为 Unicode 并将其放入代码中，但是在页面中显示为空白，则可能需要在 CSS 样式中添加一些特定的属性。具体来说，你需要在对应的选择器中添加 `font-family` 属性以及 `font-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值