首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

中文字体网页开发指南

隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体:FZShuTi...方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei 二、font-family命令 CSS的...根据这些规则,font-family应该优先指定英文字体,然后再指定中文字体。否则,中文字体所包含的英文字母,会取代英文字体,这往往很丑陋。...四、衬线体和无衬线体 所谓"衬线体"(Serif),指的是笔画的末端带有衬线的字体。 就像英文字体一样,中文字体也可以分成"衬线体"和"无衬线体"(San-serif)。...对于简体字来说,微软雅黑(Microsoft yahei)是无衬线体,宋体(SimSun)是衬线体。 一般来说,衬线体装饰性强,往往用于标题;无衬线体清晰度好,往往用于正文。

1.6K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    让你的网站用上炫酷的中文字体

    01 字体难题 自定义中文字体虽炫酷,但有一个弊端,那就是中文字体太大了,很耗费资源,具体的原因其实很简单:英文只有 26 个字母,一张 ASCII 码表上 128 个字符集几乎可以表示任何英文语句。...,简单计算下,中文字体文件大小也几乎达到英文字体文件的数十倍。...会多出来的一些字体: 隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体...:FZShuTi 方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei 苹果电脑中的字体: 华文细黑..." href="{{ "css/fonts-zh.css" | absURL }}" /> 最后让网站的 body 使用该中文字体,具体的做法是修改 body 的 css,以 hugo 的 beatifulhugo

    2.7K20

    详解Matplotlib中文字符显示问题

    3.1.platform模块 3.2.常见中文字体文件名 1.中文字体显示问题 在用matplotlib进行绘图时,如果在绘制过程中会用到中文,则默认情况下会出现字体警告,中文字符显示为方框或乱码的形式...考虑到 中文字体下 负号的显示问题,同步需要修改#axes.unicode_minus: False ?...修改True为False 2.4.自动区别系统然后选择字体【方便】 核心是以下代码: (引用platform模块获取当前系统 mac or windows ,然后自动选择相应中文字体) # 根据不同的操作系统设置对应的中文字体...楷体 KaiTi 隶书 LiSu 幼圆 YouYuan 华文细黑 STXihei 华文楷体 STKaiti 华文宋体 STSong 华文中宋 STZhongsong 华文仿宋 STFangsong 方正舒体...FZShuTi 方正姚体 FZYaoti 华文彩云 STCaiyun 华文琥珀 STHupo 华文隶书 STLiti 华文行楷 STXingkai 华文新魏 STXinwei

    3.7K61

    web前端几个小知识点笔记

    1、css实现宽度是百分比的盒子为正方形 只需要保证...{ checkOrient(); }); 3、不固定行数的文字垂直居中 需求:一个盒子div中有一段文字,文字行数不确定,如何实现该段文字在盒子内垂直居中 方法1: 在div盒子上使用两个css...DFKai-SB 仿宋    FangSong 楷体    KaiTi 仿宋_GB2312    FangSong_GB2312 楷体_GB2312    KaiTi_GB2312 宋体:SimSuncss中中文字体...Office会生出来的一些: 隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体...:FZShuTi 方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei Windows 中的中文字体

    1.1K50

    撸了这么多代码,你真的了解字体吗?

    常见的无衬线体有: •黑体•Windows 平台默认的中文字体:微软雅黑(Microsoft Yahei)•Windows 平台默认的英文字体:Arial•Mac & iOS 平台默认的中文字体:苹方(...字体族 CSS 中的字体族可以理解成是某一类字体。常见的字体族可以分为五类: •serif:衬线体。•sans-serif:无衬线体。•monospace:等宽字体。每一个字母所占的宽度是相同的。...比如徐静蕾手写体。•fantasy:梦幻字体。比如一些艺术字。 这五类字体族不代表某一个具体的字体,而是当你在 CSS 中指定字体族的时候,系统就有可能在字体族中找出一种字体来显示。 ?...比如: .div{ font-family: "PingFang SC", "Microsoft Yahei", sans-serif; } 上面这行CSS代码的意思是:让文字在 iOS &...看到这个FZLTZCHK字体,别慌,马上去网上查一下,发现它的中文名是方正兰亭字体系列。基本可以肯定,这个字体也是要收费的。

    2.2K10

    第123天:移动web开发中的常见问题

    三大手机系统的字体: iOS 系统: 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 Android 系统: 默认中文字体是...Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 Winphone 系统: 默认中文字体是Dengxian(方正等线体) 默认英文和数字字体是Segoeod...无微软雅黑字体 各个手机系统有自己的默认字体,且都不支持微软雅黑,如无特殊需求,手机端无需定义中文字体,使用系统默认英文字体和数字字体可使用Helvetica,三种系统都支持。....css{font-size:20px}  7、移动端如何取消touch高亮效果?...移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果,代码如下: <html

    1.5K20

    解决Linux平台Selenium截图中文乱码问题

    通常情况下,像CentOS这样的Linux发行版默认是缺少中文字体的,所以在执行Selenium截图时,如果目标网页中有中文,则截图后中文将会显示为方块一样的乱码。...解决办法:手动安装中文字体即可。...以在CentOS 7中安装中文字体为例,操作步骤如下: # 创建中文字体目录 mkdir -p /usr/share/fonts/chinese/ # 将字体文件拷贝到中文字体目录中 cp songti.ttf...上述宋体字体文件(songti.ttf,注意是ttf格式)可以从如下地址下载: http://www.foundertype.com/index.php/FontInfo/index/id/151 方正书宋字体...【参考】 https://cloud.tencent.com/developer/article/1662360 给Linux安装中文字体(解决Selenium截图出现乱码框)

    3.1K20

    为博客标题自定义字体

    我自己是通过 扒他的 style.css 实现的。当然我们先不说怎么扒 style.css,毕竟肯定又会有人看不懂。所以这次我们一步一步来。...这里我选择了 “方正清刻本悦宋简体“。上网随便下了一个下来然后解压缩,把字体文件(一般都是以 .ttf 结尾;ttf 是 TrueType Font File 的意思。)...image.png 中文字体是很大的,因为中文有那么多个汉字呢;每一个字都需要单独设置。但是英文字体因为只有26个字母,所以就算整个引用也不需要加载很大的文件。...右键 - 属性 看了下,6个中文字体的字体子集只有 4KB。随便啥服务器都可以一秒钟加载完毕。 image.png 然后上传到虚拟主机或者随便什么可以托管文件的地方。...image.png 如果你的主题有提供 ”额外 CSS“ 选项,就可以直接在里面添加。如果没有,则需要到主题根目录找到 style.css 然后添加。

    2.6K40

    谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family

    谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少 谈谈一些有趣的CSS...CSS题目(七)-- 消失的边界线问题 谈谈一些有趣的CSS题目(八)-- 纯CSS的导航栏Tab切换方案 谈谈一些有趣的CSS题目(九)-- 巧妙的实现 CSS 斜线 谈谈一些有趣的CSS题目(十)-...中文下,无衬线字体就是黑体,黑体字也就是又称方体或等线体,没有衬线装饰,字形端庄,笔画横平竖直,笔迹全部一样粗细。 看看又有哪些常见的无衬线字体。...华文黑体(STHeiti)、华文细黑(STXihei) 属于同一字体家族系列,MAC OS X 10.6 之前的简体中文系统界面的默认中文字体,正常粗细就是华文细黑,粗体下则是华文黑体。...例如 MAC OS 下的很多中文字体在 Windows 都没有预装,为了保证 MAC 用户的体验,在定义中文字体的时候,先定义 MAC 用户的中文字体,再定义 Windows 用户的中文字体。

    1.1K30
    领券