`

网页字体的定义

阅读更多

网页中常用的字体定义:
font-family: Arial,Verdana, Helvetica, sans-serif;
也可以是引入外部字库来定义字体(更灵活的方式),
@font-face {
font-family: "Kimberley";
src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");
}
h1 { font-family: "Kimberley", sans-serif }

 

适合常见系统显示的字体:
 

 

常见系统中文字体的英文名:
Mac OS的一些:

* 华文细黑:STHeiti Light [STXihei]
* 华文黑体:STHeiti
* 华文楷体:STKaiti
* 华文宋体:STSong
* 华文仿宋:STFangsong
* 儷黑 Pro:LiHei Pro Medium
* 儷宋 Pro:LiSong Pro Light
* 標楷體:BiauKai
* 蘋果儷中黑:Apple LiGothic Medium
* 蘋果儷細宋:Apple LiSung Light

Windows的一些:

* 新細明體: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

参考资料:[chinese mac] Fants(http://www.yale.edu/chinesemac/pages/fonts.html)

 

分享到:
评论

相关推荐

    解决IE网页字体显示不正常

    IE(Internet Explorer)作为一款曾经广泛使用的浏览器,用户在使用过程中可能会遇到网页字体显示不正常的问题。字体显示异常,通常表现为文字过小,即使在网页设置中调整了字体大小,效果仍然不明显。这个问题的...

    android自定义seekbar来控制网页字体大小

    本文将深入探讨如何使用自定义Seekbar来实现对网页字体大小的控制。Seekbar,又称滑动条,是Android系统中的一个基本组件,通常用于用户进行数值选择或进度调整。在这里,我们将自定义Seekbar作为网页字体大小的调节...

    web页面字体设置

    此外,还可以使用`font-family`属性定义字体系列,确保浏览器在首选字体不可用时选择备用字体。 字体大小通常使用像素、em、rem等单位进行设置,其中像素是最常见的单位,提供精确的控制;em和rem单位则与父元素的...

    网页显示服务器字体实例

    网页显示服务器字体实例是一个关于如何在网页中使用服务器端字体的技术话题。在互联网上,网页内容的呈现方式至关重要,其中字体作为传达信息的关键元素,其样式和可读性直接影响用户体验。传统的网页设计中,字体...

    jQuery设置网页字体大小代码

    本文将深入探讨如何使用jQuery来设置网页字体大小,并通过示例代码和文件结构来解析这个过程。 首先,我们需要了解HTML、CSS和JavaScript的基本知识。HTML负责页面的结构,CSS负责样式,而JavaScript则用于添加交互...

    怎样做网站──网页字体的设置.pdf

    本文档将介绍如何在HTML和CSS中设置网页字体,包括使用HTML的标签、CSS样式表以及字符集的定义。 首先,我们需要理解字符集的概念。字符集(Charset)定义了网页编码所使用的字符集。在文档的示例中,我们看到了GB...

    网页字体图标

    网页字体图标是一种在网页设计中广泛使用的图形表示方式,它通过将图标设计成字体样式,使得开发者能够通过CSS样式来轻松地控制图标的颜色、大小、阴影等视觉效果。相较于传统的图像格式(如PNG或SVG),字体图标...

    LVGL V8.0 网页工具生成的字体

    这些位图数据是通过网页工具生成的,该工具将特定的字体转换为LVGL可理解的格式。在这个例子中,使用的字体是黑体,一种广泛使用的中文字体,以其清晰易读的特性而闻名。 每个文件的命名遵循特定的格式:“my_font_...

    css改变字体的一些网页

    综上所述,CSS提供了多种方式来改变网页字体的样式和大小,从基本的选择器和属性到响应式设计和动态调整。通过熟练运用这些技术,我们可以创建更具吸引力且适应性强的网页设计,同时确保内容的可读性和易用性。

    css网页属性语法定义及应用方法

    ### CSS网页属性语法定义及应用方法 #### 一、引言 CSS(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页...

    时钟字体-里程字体-ttf文件.zip

    这段代码首先定义了一个名为“时钟字体”的字体家族,然后通过`src`属性指向ttf文件的位置。接着,在`body`选择器中设置该字体为默认字体,这样整个网页的文字都将呈现时钟字体的效果。 JavaScript(JS)也可以在...

    CSS3 @font-face网页中的字体

    【CSS3 @font-face网页中的字体】 在网页设计中,字体的选择对于页面的视觉效果有着至关重要的作用。CSS3引入的`@font-face`规则,让网页设计师能够使用非系统默认的字体,从而打破传统浏览器对字体的限制,提供更...

    jQuery设置网页字体大小代码.zip

    本教程将深入探讨如何利用jQuery实现网页字体大小的设置,并结合实际示例进行解析。 首先,我们需要了解jQuery的基本用法。jQuery通过选择器选取DOM元素,然后对这些元素进行操作。例如,`$('selector')`用于选取...

    自定义web字体并通过@font-face在网页中嵌入自定义字体

    在网页设计中,自定义字体可以为网站增添独特的视觉风格,增强品牌形象。`@font-face`规则是CSS(层叠样式表)提供的一种方法,允许开发者在网页中使用非系统默认的字体,使得设计师能够更加自由地实现他们的视觉...

    html css led字体包

    为了在网页上实现LED字体效果,开发者需要在CSS中定义字体的像素化样式,例如通过设置`font-size`、`letter-spacing`和`text-shadow`属性。此外,还可以利用CSS动画或JavaScript来实现闪烁、滚动等动态效果,增强LED...

    枚举系统字体名称,显示网页图片

    考虑到网络传输,HTTP头部的`Content-Type`定义了图片的MIME类型,而`Cache-Control`等字段则影响着图片的缓存策略,这些都是优化网页性能的重要因素。 为了实现这些功能,开发者需要对Web标准有深入理解,包括...

    html网页字体颜色设置大全

    在HTML网页设计中,字体颜色的设置是提升页面视觉效果、增强阅读体验的重要一环。本文将全面解析如何在HTML中设置字体颜色,包括使用内联样式、CSS样式表以及HTML5的新特性来实现字体颜色的多样化设定。 ### 1. ...

    网页中字体颜色的改变

    这里,`p`是元素选择器,`color`属性定义了字体颜色。当然,现代Web开发更倾向于使用CSS,因为它提供了更多的控制和灵活性。 除了基本的颜色设置,还可以通过CSS调整字体的其他视觉属性,比如字体的下划线。`text-...

    网页字体该如何设置?

    网页字体的设置是网页设计中的一个重要环节,直接影响到用户的阅读体验和页面的整体视觉效果。以下是一些关于网页字体设置的关键知识点: 1. **选择常见字体**:为了确保大多数用户能够正常显示网页内容,应选用...

    网页自定义字体CSS @font-face应用及制作.docx

    其中,`YourWebFontName` 是自定义的字体名称,`source` 是字体的存放路径,`format` 是字体的格式,`weight` 和 `style` 分别定义字体的粗体和样式。 浏览器对 @font-face 的兼容问题是一个需要注意的问题。不同的...

Global site tag (gtag.js) - Google Analytics