css中font-family的中文字体

news/2024/7/24 9:27:56 标签: font-family, css, unicode


font-family:simsun; font-size:14px">最常用的基本有三种类型:font-family:simsun; font-size:14px; line-height:21px">

font-family:simsun; font-size:14px"> 1、直接中文;

font-family:simsun; font-size:14px"> 2、英文形式;

font-family:simsun; font-size:14px"> 3、unicode码;

font-family:simsun; font-size:14px"> Unicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。

font-family:simsun; font-size:14px">  

font-family:simsun; font-size:14px"> 介绍完方案,再谈下使用。之前在看玉伯写的一篇文章《中文字体在 CSS 中的写法》中提到:font-family中用到的宋体,“用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法”。我在网上搜索了下相关内容,大多都是摘抄这篇文章,并没有提到具体哪个版本的Firefox和Opera会不支持英文的写法。

font-family:simsun; font-size:14px"> 对比下,三种方法各有优缺点:中文形式的方便记忆,但在不支持中文的系统或者编码的页面则无法正常显示;英文形式的兼容了系统和编码的问题,但不方便记忆,又可能有潜在的风险;unicode码兼容行最好,但也存在记忆难的问题。

font-family:simsun; font-size:14px"> 综合权衡下,在性能和安全第一的条件下,还是推荐使用unicode。如果不是太严格的情况下,可以选择其他两种。


font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif">中文名font-family:Verdana,宋体,sans-serif">英文名font-family:Verdana,宋体,sans-serif">Unicode

font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">Windows

font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">

font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> * 宋体font-family:Verdana,宋体,sans-serif; line-height:18px">  SimSunfont-family:Verdana,宋体,sans-serif; line-height:18px">   \5B8B\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> * 黑体font-family:Verdana,宋体,sans-serif; line-height:18px">  SimHeifont-family:Verdana,宋体,sans-serif; line-height:18px">   \9ED1\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> * 微软雅黑font-family:Verdana,宋体,sans-serif; line-height:18px">  Microsoft YaHeifont-family:Verdana,宋体,sans-serif; line-height:18px">   \5FAE\8F6F\96C5\9ED1
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 微软正黑体font-family:Verdana,宋体,sans-serif; line-height:18px">  Microsoft JhengHeifont-family:Verdana,宋体,sans-serif; line-height:18px">   \5FAE\x8F6F\6B63\9ED1\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 新宋体font-family:Verdana,宋体,sans-serif; line-height:18px">  NSimSunfont-family:Verdana,宋体,sans-serif; line-height:18px">   \65B0\5B8B\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 新细明体font-family:Verdana,宋体,sans-serif; line-height:18px">  PMingLiUfont-family:Verdana,宋体,sans-serif; line-height:18px">   \65B0\7EC6\660E\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 细明体font-family:Verdana,宋体,sans-serif; line-height:18px">  MingLiUfont-family:Verdana,宋体,sans-serif; line-height:18px">   \7EC6\660E\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 标楷体font-family:Verdana,宋体,sans-serif; line-height:18px">  DFKai-SBfont-family:Verdana,宋体,sans-serif; line-height:18px">   \6807\6977\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 仿宋font-family:Verdana,宋体,sans-serif; line-height:18px">  FangSongfont-family:Verdana,宋体,sans-serif; line-height:18px">   \4EFF\5B8B
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 楷体font-family:Verdana,宋体,sans-serif; line-height:18px">  KaiTifont-family:Verdana,宋体,sans-serif; line-height:18px">   \6977\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 仿宋_GB2312font-family:Verdana,宋体,sans-serif; line-height:18px">  FangSong_GB2312font-family:Verdana,宋体,sans-serif; line-height:18px">   \4EFF\5B8B_GB2312
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 楷体_GB2312font-family:Verdana,宋体,sans-serif; line-height:18px">  KaiTi_GB2312font-family:Verdana,宋体,sans-serif; line-height:18px">   \6977\4F53_GB2312
font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">Mac OS

font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">font-family:Verdana,宋体,sans-serif; font-size:18px; line-height:27px; background-color:rgb(234,247,253)">

font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> * 华文细黑font-family:Verdana,宋体,sans-serif; line-height:18px">  STHeiti Light [STXihei]font-family:Verdana,宋体,sans-serif; line-height:18px">   \534E\6587\7EC6\9ED1
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> * 华文黑体font-family:Verdana,宋体,sans-serif; line-height:18px">  STHeitifont-family:Verdana,宋体,sans-serif; line-height:18px">   \534E\6587\9ED1\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 华文楷体font-family:Verdana,宋体,sans-serif; line-height:18px">  STKaitifont-family:Verdana,宋体,sans-serif; line-height:18px">   \534E\6587\6977\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 华文宋体font-family:Verdana,宋体,sans-serif; line-height:18px">  STSongfont-family:Verdana,宋体,sans-serif; line-height:18px">   \534E\6587\5B8B\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 华文仿宋font-family:Verdana,宋体,sans-serif; line-height:18px">  STFangsongfont-family:Verdana,宋体,sans-serif; line-height:18px">   \534E\6587\4EFF\5B8B
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 丽黑 Profont-family:Verdana,宋体,sans-serif; line-height:18px">  LiHei Pro Mediumfont-family:Verdana,宋体,sans-serif; line-height:18px">   \4E3D\9ED1 Pro
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 丽宋 Profont-family:Verdana,宋体,sans-serif; line-height:18px">  LiSong Pro Lightfont-family:Verdana,宋体,sans-serif; line-height:18px">   \4E3D\5B8B Pro
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 标楷体font-family:Verdana,宋体,sans-serif; line-height:18px">  BiauKaifont-family:Verdana,宋体,sans-serif; line-height:18px">   \6807\6977\4F53
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 苹果丽中黑font-family:Verdana,宋体,sans-serif; line-height:18px">  Apple LiGothic Mediumfont-family:Verdana,宋体,sans-serif; line-height:18px">   \82F9\679C\4E3D\4E2D\9ED1
font-family:simsun; font-size:14px; background-color:rgb(234,247,253)">
font-family:Verdana,宋体,sans-serif; line-height:18px"> 苹果丽细宋font-family:Verdana,宋体,sans-serif; line-height:18px">  Apple LiSung Lightfont-family:Verdana,宋体,sans-serif; line-height:18px">   \82F9\679C\4E3D\7EC6\5B8B



http://www.niftyadmin.cn/n/1622678.html

相关文章

mysql % localhost_MySQL 'root'@'localhost'无法登录

今天早上同事说MySQL root账号登录不上了。我试了一下#mysql -u root -p提示”Access denied for user ‘root’’localhost’ (using password: YES)”因为年后有同事离职,我第一反应是谁修改了root密码?按照忘记root密码来重置一下密码:#/e…

CSS font-family 属性

7.1. CSS font-family 属性 7.1.1. CSS family-name 系列性字体名称7.1.2. CSS generic-family 一般性字体名称font-family -- 定义使用的字体 取值: [[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ] | inherit [[ <…

mysql erparseerror_Parse error: syntax error, unexpected 'mysql_error' (T_STRING) in

Parseerror:syntaxerror,unexpectedmysql_error(T_STRING)inC:\Apache24\htdocs\dbwrap.phponline35请问各位这该怎么改&#xff1f;源代码如下&#xff1a;<?phpinclude ("dbwrap.php");$dbanewdbwrap()...Parse error: syntax error, unexpected mysql_error (…

height和line-height

1、height&#xff1a; 文字在左上方显示&#xff0c;在IE中文字离上边0px&#xff0c;在FF\Chrome\360中&#xff0c;文字离上边1px&#xff0c;离左边都是0px&#xff0c; 2、line-height&#xff1a; 文字近似垂直居中显示&#xff0c;在IE中文字顶部离上边的距离比文字底…

滚动条scrollbar

页面滚动条 对于IE浏览器&#xff0c;可以单独设置滚动条样式&#xff0c;从而使其更加符合网站的整体设计。 滚动条组成 &#xff1a; 3dlight、highlight、face、arrow、shadow、darkshadow 组成 3dlight、highlight&#xff1a;高亮部分&#xff0c;都只有一个像素&#xf…

AgileEAS.NET 4.0 重构裁剪后的程序集说明

前几天在文章AgileEAS.NET 4.0重构裁剪&#xff0c;新的ORM、支持Linq&#xff0c;正式支持WPF&#xff0c;开放更多的接口简单的介绍了一下AgileEAS.NET平台在2011年初的一些重大改进措施&#xff0c;其中涉及对原有程序集的合作与裁剪处理&#xff0c;将原有的近70个程序集合…

python web开发基础_Python爬虫技术--基础篇--Web开发(中)

1.WSGI接口了解了HTTP协议和HTML文档&#xff0c;我们其实就明白了一个Web应用的本质就是&#xff1a;浏览器发送一个HTTP请求&#xff1b;服务器收到请求&#xff0c;生成一个HTML文档&#xff1b;服务器把HTML文档作为HTTP响应的Body发送给浏览器&#xff1b;浏览器收到HTTP响…

Page翻页分页css代码,分页div+css代码

css分页代码集合模板如下 翻页上下分页按钮效果一 DIV代码&#xff1a;<div class"digg"> <span class"disabled">< </span><span class"current">1</span><a href"#?page2">2</a><…