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

yizhihongxing

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编程中非常重要的一个概念。在JavaScript中,有基本数据类型和复杂数据类型。接下来将会详细地讲解基本数据类型和它们之间的转换。 基本数据类型 JavaScript中有6种基本数据类型:字符串(string)、数值(number)、布尔值(bool…

    css 2023年6月9日
    00
  • CSS+HTML 实现顶部导航栏功能

    下面我将详细介绍如何使用 HTML 和 CSS 实现顶部导航栏功能。 创建 HTML 结构 首先,我们需要创建一个 HTML 结构来定义我们的导航栏。我们可以使用 unordered list (无序列表)来创建导航栏元素,每个列表项就是导航栏的一个选项。下面是一个最基本的 HTML 结构: <nav> <ul> <li>…

    css 2023年6月10日
    00
  • Ant Design中使用css切换的问题及解决

    Ant Design是一套基于React组件化开发的UI框架,提供了众多的可复用、易于维护的组件,方便快速开发Web应用。在Ant Design中,使用CSS切换的问题比较普遍,主要是由于Ant Design采用了Less预处理器,导致CSS文件中的变量和样式名不易于直接修改。下面,我们将详细讲解Ant Design中使用CSS切换的问题及解决方案。 问题描…

    css 2023年6月10日
    00
  • CodeIgniter生成网站sitemap地图的方法

    下面是详细的“CodeIgniter生成网站sitemap地图的方法”的攻略过程。 什么是网站sitemap地图? 网站Sitemap,又称为XML Sitemap,是一种文件格式,用于告知搜索引擎关于网站上所有页面的信息。Sitemap 可以显示站点中哪些页面有多重关系和哪些页面之间的相对优先级。 CodeIgniter生成网站Sitemap地图的方法 在…

    css 2023年6月10日
    00
  • Vue中created和mounted使用场景分析

    当我们在使用Vue框架的时候,经常会遇到使用created和mounted两个生命周期钩子函数的情况。这两个函数经常被混淆,它们的使用场景也有所不同。因此,在本文中,我们将详细讲解Vue中created和mounted使用场景分析这个话题。 1. created和mounted的区别 在介绍二者的使用场景之前,我们先来了解一下created和mounted的…

    css 2023年6月10日
    00
  • 解决vue打包之后静态资源图片失效的问题

    当我们使用Vue进行开发时,经常需要使用一些静态资源,比如图片、字体文件等。在开发过程中,这些资源能够正常地显示和使用,但是当我们进行打包时,很容易出现静态资源失效的问题。在本文中,我们将详细讲解如何解决Vue打包之后静态资源图片失效的问题。 问题原因分析 当我们使用Vue进行开发,在项目中引用了一些静态资源时,这些资源会被打包到项目中。在打包完成之后,这些…

    css 2023年6月9日
    00
  • less简单入门(CSS 预处理语言)

    Less简单入门攻略 什么是Less Less是CSS预处理语言,具备一些CSS不具备的特性,如:变量定义,函数定义,嵌套规则,混合等。使用Less可以快速地编写CSS,同时可以提升CSS代码的可维护性和可读性。 安装Less 使用Less前需要先进行安装。Less的安装可以通过npm进行全局安装。 npm install -g less 安装完毕后,在命令…

    css 2023年6月9日
    00
  • CSS网页布局教程:绝对定位和相对定位

    CSS网页布局教程:绝对定位和相对定位攻略 CSS绝对定位和相对定位是CSS布局中的一种重要方法。它可以让我们更灵活地将内容定位到页面上的任何位置,并且让页面响应式布局更加容易实现。 概述 绝对定位和相对定位是将HTML元素放置在网页上的方法,通过指定元素的位置来控制它的位置。 相对定位(relative)会按照元素本身在文档流中的位置移动,而绝对定位(ab…

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