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

CSS字体中英文名称对照表(CSS font-family)指的是在CSS样式中用于控制文字字体的属性。在CSS中,我们可以使用字体名称、字体系列、或者带有自描述性的通用性字体系列来定义字体样式。

下面是常用的英文字体名称和它们对应的中文字体名称:

英文(English) 中文(Chinese)
Arial 宋体(SimSun)、黑体(SimHei)
Times New Roman 新細明體(NSimSun)、細明體(MingLiU)
Verdana 微軟雅黑(Microsoft YaHei)
Tahoma 微軟正黑體(Microsoft JhengHei)
Courier New 新宋体(NSimSun)

示例一:在CSS中定义字体系列

我们可以使用font-family属性来定义文字使用的字体,如下:

body {
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

上面的示例中,我们定义了一组字体系列,优先使用Arial字体,如果系统中没有安装这种字体,就使用"Microsoft YaHei"字体,如果还找不到就使用系统默认的sans-serif字体。

示例二:使用中文名称定义字体系列

我们也可以直接使用中文名称来定义文字使用的字体,如下:

body {
  font-family: "黑体", "宋体", sans-serif;
}

上面的示例中,我们定义了一组中文名称的字体系列,优先使用黑体,如果系统中没有安装这种字体,就使用宋体,如果还找不到就使用系统默认的sans-serif字体。

总之,我们应该根据实际情况和需要,合理地配置字体系列,以便在不同的设备和系统环境下都能够提供良好的阅读体验。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:CSS字体中英文名称对照表 CSS常用中文字体英文名称对照表 - Python技术站

(0)
上一篇 2023年6月9日
下一篇 2023年6月9日

相关文章

  • javascript 精确获取样式属性(上)

    JavaScript 精确获取样式属性(上) 在 JavaScript 中获取元素样式属性是一项基本的操作。但是, 由于浏览器厂商的实现不同,我们并不能保证在所有情况下都能正确地获取样式属性的值。因此,本文将介绍如何在 JavaScript 中精确获取样式属性的值。 为什么样式属性会出现精度问题? 当我们想要获取一个元素的样式属性时,常见的做法是使用 ele…

    css 2023年6月10日
    00
  • 详解Vue-cli3.X使用px2rem遇到的问题

    详解Vue-cli3.X使用px2rem遇到的问题 什么是vue-cli3.X Vue CLI 是一个基于Vue.js进行快速开发的完整系统。它包括一个响应式的开发服务器、可定制的webpack配置、常规的Vue项目构建任务和集成了最佳实践的生产环境构建等。 何为px2rem px2rem 是一种将px值转化为rem值的工具。通过将框架内各个元素的单位从px…

    css 2023年6月10日
    00
  • javascript 动态改变层的Z-INDEX的代码style.zIndex

    下面是讲解“JavaScript 动态改变层的 Z-INDEX 的代码 style.zIndex”的完整攻略。 1. 什么是 zIndex 首先要了解的是,zIndex 是 CSS 中的一个属性,控制层的堆叠顺序。值越大的元素会被放在更靠上的位置,覆盖值较小的元素。而 style.zIndex 是一个 JavaScript 属性,可以用来动态修改元素的 zI…

    css 2023年6月10日
    00
  • 详解CSS文件的三种引入方式

    下面是详解CSS文件的三种引入方式的完整攻略: 1. 外部样式表 使用外部样式表是把CSS规则写在一个独立的外部文件中,然后在HTML文件中通过\元素来引用。这种方式具有以下优点:- 可以将CSS样式从HTML文档中分离出来,降低文档复杂度,方便管理和维护。- 外部文件可以被多个HTML页面引用,可以有效地减少页面体积和提高重复利用率。 外部样式表的语法如下…

    css 2023年6月9日
    00
  • DIV+CSS垂直居中一个浮动元素

    垂直居中一个浮动元素可以使用以下两种方法: 方法一:使用flex布局 使用flex布局技术,把子元素置于父元素的中心位置。 <style> .parent { display: flex; justify-content: center; align-items: center; } .child { float: left; } </st…

    css 2023年6月10日
    00
  • JavaScript for in

    JavaScript中的for in语句是一种循环结构,可以用来遍历对象的属性。该语句的基本语法如下: for (variable in object){ // 循环体代码 } 其中,variable表示每次循环中的变量名称,它将依次获取对象object的每一个属性名;而object则是需遍历的对象。 在每次循环中,variable会被赋值为对象object…

    Web开发基础 2023年3月30日
    00
  • 写html时,经常用到tab结构

    写HTML时,经常使用tab结构是一种良好的编程习惯,它可以增加代码的可读性,提高代码的可维护性。下面是使用tab结构的攻略: 使用tab键进行层级缩进 在HTML中,嵌套是非常常见的操作,使用tab键进行层级缩进,使得代码结构更加清晰明了。例如,下面是一个使用了tab缩进的HTML代码示例: <div class="container&qu…

    css 2023年6月9日
    00
  • CSS变量实现暗黑模式的示例代码

    CSS变量(也叫自定义属性)是在CSS3中新增的语法,可以让开发者在CSS中定义自己的属性。使用CSS变量可以方便地实现暗黑模式等功能。下面是使用CSS变量实现暗黑模式的示例代码攻略。 步骤一:定义CSS变量 定义CSS变量可以在根元素(即html元素)中进行。以下是定义一个CSS变量的语法: :root { –变量名: 变量值; } 在这个示例中,我们定…

    css 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部