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日

相关文章

  • 弹出层之1:JQuery.Boxy (一) 使用介绍

    针对“弹出层之1:JQuery.Boxy (一) 使用介绍”的完整攻略,我将在以下三个部分展开: 介绍Boxy弹出层的使用 Boxy弹出层的API详解 示例说明 1. 介绍Boxy弹出层的使用 Boxy是一个使用jQuery编写的弹出层插件,可以让你方便地在你的网站中实现弹出层。使用Boxy,你可以: 在网页上显示一个弹出层; 将弹出层中的内容设置为HTML…

    css 2023年6月11日
    00
  • js实现类bootstrap模态框动画

    下面就是一份实现类bootstrap模态框动画的攻略: 1. 准备工作 在开始实现之前,我们需要做一些准备工作。首先是引入必要的框架和库: jQuery:用于绑定事件和操作DOM; animate.css:用于提供动画效果。 在HTML文件中,需要引入bootstrap的CSS和JS文件,以及上面提到的jQuery和animate.css文件。同时,在bod…

    css 2023年6月10日
    00
  • 使用js实现一个简单的滚动条过程解析

    下面是使用js实现一个简单的滚动条过程的解析攻略。 1. 完整的html代码 首先,我们需要一个基本的html页面布局: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>滚动条示例</title>…

    css 2023年6月10日
    00
  • H5页面适配iPhoneX(就是那么简单)

    下面是“H5页面适配iPhoneX(就是那么简单)”的完整攻略。 一、了解iPhoneX全面屏设计 作为iPhone最新一代产品,iPhoneX全面屏的设计对于H5页面的适配来说是一个很大的挑战。iPhoneX所采用的全面屏设计,最大的特点就是顶部存在“刘海”,底部没有Home键,因此在适配时需要考虑到这些特殊的设计要素。 二、viewport和safe a…

    css 2023年6月10日
    00
  • 动态的样式语言less语法详解之混合属性

    动态的样式语言less语法详解之混合属性 在less中,我们可以使用混合属性(Mixin)来定义一组css属性,这组属性可以被重复调用,不仅可以提高代码的复用率,还可以通过传递参数来动态生成样式,从而实现动态的样式。 定义混合属性 在less中,混合属性使用@mixin关键词定义。其语法格式如下: @mixin mixin-name { property1:…

    css 2023年6月9日
    00
  • 使用JS来动态操作css的几种方法

    在Web开发中,JavaScript可以用来动态操作CSS,从而实现动态效果和交互。以下是几种常见的使用JS来动态操作CSS的方法: 1. 使用style属性 可以使用JavaScript的style属性来直接修改元素的CSS样式。例如: <div id="box" style="width: 100px; height:…

    css 2023年5月18日
    00
  • 不使用class和id进行网页布局的方法

    不使用class和id进行网页布局的方法是通过CSS选择器和HTML标签属性来实现网页布局的一种方式。以下是具体的攻略过程: 使用HTML标签属性进行区分 在HTML中每个标签都有若干个属性,比如a标签有href属性用于指定链接地址,img标签有src属性用于指定图片资源。因此可以使用这些标签本身所具有的属性来进行区分和样式的设置。例如,通过以下的代码来实现…

    css 2023年6月9日
    00
  • 前端学习笔记style,currentStyle,getComputedStyle的用法与区别

    前言 在前端开发中,样式的处理是非常重要的一部分。而 style、currentStyle 和 getComputedStyle 是三种常见的处理样式的方式。本篇攻略将详细讲解它们的用法和区别。 style style 属性用于在 JavaScript 中设置和返回样式。我们可以通过给 HTMLElement 对象的 style 属性赋值来设置样式,也可以通…

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