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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2175字，纯文字阅读大概需要4分钟。

内容图文

在CSS文件中，我们常看到有些字体名称变成了乱码，这是由于编写者将中文字体的名字直接写成了中文，并且再上传或者拷贝复制的时候无意间变成了乱码。为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称，我们常用中文字体的英文名称对照表如下： Windows自带的字体：

中文名	英文名	Unicode	Unicode 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	华文仿宋
丽黑 Pro	LiHei Pro Medium	\4E3D\9ED1 Pro	丽黑 Pro
丽宋 Pro	LiSong 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	楷体
仿宋_GB2312	FangSong_GB2312	\4EFF\5B8B_GB2312	仿宋_GB2312
楷体_GB2312	KaiTi_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	华文新魏

新细明体：PMingLiU
细明体：MingLiU
标楷体：DFKai-SB
黑体：SimHei
宋体：SimSun
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
装Office会多出来的一些字体：
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
苹果电脑中的字体：
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
丽黑 Pro：LiHei Pro Medium
丽宋 Pro：LiSong Pro Light
标楷体：BiauKai
苹果丽中黑：Apple LiGothic Medium
苹果丽细宋：Apple LiSung Light
如果要在CSS中应用微软雅黑，就直接写： font-family: Microsoft YaHei;

原文：http://www.jb51.net/css/67658.html

内容总结

以上是互联网集市为您收集整理的CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表全部内容，希望文章能够帮你解决CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1159936.html

来源：【匿名】

【上一篇】纯CSS气泡框实现方法探究【下一篇】php无法调用css怎么办

更多 ►

【CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表】教程文章相关的互联网学习教程文章

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

在CSS文件中，我们常看到有些字体名称变成了乱码，这是由于编写者将中文字体的名字直接写成了中文，并且再上传或者拷贝复制的时候无意间变成了乱码。为了避免这种状况出现，在CSS文件中使用中文字体时，最好使用中文字体的英文名称，我们常用中文字体的英文名称对照表如下： Windows自带的字体：中文名英文名UnicodeUnicode 2Mac OS华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文细黑华文黑体STHeiti\534E\6587\9ED1\4...

我的web前端学习之路-CSS-字体和文本【代码】【图】

1<head> 2<meta charset="utf-8"> 3<title>css字体和文本</title> 4<style type="text/css"> 5 .one{font-size: 20px;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";font-style: italic;text-align: center} 6 .two{font-size: 20px;line-height: 40px;color: aqua;letter-spacing: 5px;word-spacing: 20px;text-indent: 10px;text-decoration: line-through7} 8 ....

css字体颜色动画

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style> 　　.site__title { 　　　　color: #f35626; 　　　　background-image: -webkit-linear-gradient(92deg, #20b0f3, #A2E5FF); 　　　　-webkit-background-clip: text; 　　　　-webkit-text-fill-color: transparent; 　...

CSS字体的一些笔记

font是一个复合属性，如果要使用，必须有font-size和font-family（必须在font-size之后）font-size/line-height简写格式，font-size总要在line-height之前使用font属性时，所有被忽略的值都会重置为默认值（要特别注意）font-family（字体系列）：有5种通用字体，serif（成比例，有上下短线），sans-serif（成比例，无上下短线），Monospace（等宽），Cursive（手写），Fantasy推荐结合字体名和通用字体一起使用什么时候用引号：当...

CSS3 字体

[CSS3 字体CSS3 @font-face 规则使用以前 CSS 的版本，网页设计师不得不使用用户计算机上已经安装的字体。使用 CSS3，网页设计师可以使用他/她喜欢的任何字体。当你发现您要使用的字体文件时，只需简单的将字体文件包含在网站中，它会自动下载给需要的用户。您所选择的字体在新的 CSS3 版本有关于 @font-face 规则描述。您"自己的"的字体是在 CSS3 @font-face 规则中定义的。浏览器支持表格中的数字表示支持该属性的第一个浏览...

CSS字体，内容生成的相关属性

字体（Font）属性属性值描述font在一个声明中设置所有字体属性1font-family规定文本的字体系列1font-size规定CSS文本的字体尺寸1font-style规定文本的字体样式1font-variant规定文本的字体样式1font-weight规定字体的粗细1@font-face一个规则，允许网站下载并使用其他超过"Web- safe"字体的字体3font-size-adjust为元素规定 aspect 值3font-stretch收缩或拉伸当前的字体系列3内容生成属性(Generated Content Properties)属性值描述...

css 字体设置(不同浏览器设置效果)

乍一听css字体设置很容易,其实真做起来不然。我们工程师使用原力，他们在不同浏览器调整字体的大小知道的得到合适的结果。实际上有一点深入的理解就能起到很大的作用。font-size 属性：font-size属性可以被设置给任何一个html标签，即使是不能包含文本的标签也可以设置它，比如：<br/>。可以被赋值是各种各样滴，比如：绝对，相对，长度值一个元素的font-size属性会自动继承它父节点元素的font-size属性值，除非你覆盖了它。当你给...

css3文字怎么描边？css3字体描边的实现方法【图】

在网页中有时会看到文字的轮廓都用边描绘出来，这其实就是字体的描边，以前为文字描边可能都会需要借助ps之类的工具，但是自从css3出现以后，文字的描边就不需要借助其他工具就可以直接实现了，所以，接下来这篇文章就来给大家分享关于css3实现字体描边的方法。首先我们来看一看css3中文本描边text-stroke属性。说明：text-stroke属性只有webkit内核的Safari和Chrome支持。语法：text-stroke：< text-stroke-width > || < text-str...

CSS字体-竹间

1.font-family 不限长度的字体列表，字体包含空格须用引号包含如："Times Now Roman" 通用字体族（所有操作系统都可用，作为备用字体放在列表末尾）通用字体包含的相关字体serif Times, Times New Romansans-serif (sans指无额外装饰，比serif更易阅读)Arial, Helveticamonospace Courier, Courier New2.font-size 不指定时，浏览器默认为16px（=1em）在所有浏览器显示相同文本大小并允许缩放的解决方案——百分比+em:1 body{fon...

CSS字体透明度怎么设置？【图】

在css中有很多好看的样式都可以实现，css设置出来的样式让整个网页看起来也会非常美观，今天的这篇文章就给大家来介绍一下在css中怎么设置字体的透明度，让你的字体在网页中看起来是透明的。在css3中新增了一个rgba属性，所谓rgba属性，就是R（红）G（绿）B（蓝）三原色加ALPHA（透明度），下面我们就来具体看看这个rgba属性如何设置字体透明度。首先利用RGBA来设置背景颜色透明度是非常简单的，我们来简单看一个例子：（相关推荐：...

css3字体变体font-variation详解【图】

如果要用一个词来描述的话，可以把其称为字体变体（Font variants），对应的CSS属性就是font-variation-*属性，其包括连接（ligatures）、大写（caps）、数字（numerals）和替代字形（alternate glyphs）。这些属性可以让我们在Web上创建更精准、更漂亮的排版（文本）效果。事实上，Web上的排版总是要落后于它在它印刷中的效果。但这是可以理解的，因为打印在页面上的字体已经经过几个世纪的发展，可以说发展到一个复杂的程度。而在...

CSS字体_html/css_WEB-ITnose

CSS字体导航1、字体类型2、字体大小3、字体样式4、字体粗细1、字体系列font-family 属性设置文本的字体系列。font-family 属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。多个字体系列是用一个逗号分隔指明：实例p{font-family:"Times New Roman", Times, serif;} 2、字体大小font-size 属性设置文本...

CSS：字体样式（字体系列、大小、加粗、风格、变形等）_html/css_WEB-ITnose

CSS 字体属性定义文本的（如斜体）和变形（如小型大写字母）代码整理自w3school：http://www.w3school.com.cn body {font-family:sans-serif;font-size:100%} h1 {font-family:monospace;} h3 {font-family:Georgia,serif;} p.italicFont {font-style:italic;} p.obliqueFont {font-style:oblique;} p.normalVariant {font-variant:normal} p.smallCaps {font-variant: small-caps} p.bold100{f...

CSS字体属性_html/css_WEB-ITnose

CSS字体：属性描述 font 简写属性，把所有针对字体的属性设置在一个声明中。 font-family 设置字体系列。 font-size 设置字体的尺寸。 font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。） font-stretch 对字体进行水平拉伸。（CSS2.1 已删除该属性。） ...

css3字体旋转_html/css_WEB-ITnose

#mycon{ font-weight: bold; font-size: 150px; transform: rotateX(10deg); -webkit-transform: rotateX(10deg); /* Safari and Chrome */ -webkit-transform: rotateY(120deg); /* Safari and Chrome */}#mycon1{ font-weight: bold; font-size: 150px; transform: rotateX(10deg); -webkit-transform: rotateX(120deg); /* Safari and Chrome */} 你不会做吧！你不会做吧？你不会做吧？

CSS - 技术教程分类

CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS Backgrounds(背景) CSS Text(文本) CSS Fonts(字体) CSS 链接(link) CSS 列表 CSS Table(表格) CSS 盒子模型 CSS Border(边框) CSS 轮廓（outline）属性 CSS margin(外边距) CSS padding（填充） CSS 尺寸 (Dimension) CSS Position(定位) CSS Overflow CSS Float（浮动） CSS 对齐 CSS 伪类 CSS 伪元素 CSS 导航栏 CSS 下拉菜单 CSS 提示工具 CSS 图像透明/不透明 CSS 图像拼合技术 CSS 媒体类型 CSS 属性选择器 CSS 表单 CSS 计数器 CSS 网页布局 CSS 总结 CSS 实例 Viewport 媒体查询图片视频(Video) 框架 CSS 参考手册 CSS 选择器 CSS Web安全字体 CSS 动画 CSS 单位 CSS 颜色 CSS 颜色值 css 全部

CSS - 最热教程

设置DIV的背景色有哪几种方法 js批量设置元素样式和封装似于jquery的...HTML5实战与剖析之CSS选择器——getEle...css如何设置文本元素内的空白填充？如何压缩css文件 cssright属性怎么用 cssanimation-timing-function属性怎么...jquery设置内联样式css()jQuery+HTML5+CSS3制作支持响应式布局时...jquery实现动态改变css样式的方法分析

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

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

内容导读

内容图文

内容总结

内容备注

内容手机端

【CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表】教程文章相关的互联网学习教程文章

CSS - 技术教程分类

CSS - 最新教程

CSS - 最热教程