首页
学习
活动
专区
圈层
工具
发布

【前端】CSS字体相关属性详解

CSS 字体系列:font-family 字体系列的定义 在 CSS 中,可以使用 font-family 属性来定义文本的字体系列。这个属性决定了浏览器在呈现文本时应该使用的字体。...STXinwei \534E\6587\65B0\9B4F 华文隶书 STLiti \534E\6587\96B6\4E66 华文中宋 STZhongsong \534E\6587\4E2D\5B8B 方正黑体...FZHei-B01 \65B9\6B63\9ED1\4F53 方正楷体 FZKai-Z03 \65B9\6B63\6977\4F53 方正仿宋 FZFangSong-Z02 \65B9\6B63\4EFF...汉仪黑体 Hanyi Hei \6C49\4E49\9ED1\4F53 汉仪楷体 Hanyi Kai \6C49\4E49\6977\4F53 方正姚体 FZYaoti \59F9\4F53 方正粗宋...总结 CSS3 提供的字体相关属性为网页设计师提供了极其丰富的控制文本外观的工具。从字体系列的定义到字体大小、字体粗细、文字风格的控制,CSS3 允许开发者根据不同的设计需求自定义文本的显示方式。

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

    Google Fonts 已支持思源宋体!

    实践起来也简单,阅读一会儿宋体后回到黑体,阅读一会儿黑体后再回到宋体。 ◎ 博客的思源宋体截屏 ◎ 博客的思源黑体截屏 我自己的主观感受:看完宋体后再回到黑体,四字就浮上心头——索然无味。...[1] ◎ 定制选项 之后,点击 EMBED,复制生成的代码,添加到博客的 标签内,并修改博客的相关 CSS 样式,指定 font-family 和 font-weight。...external: true + family: EB Garamond 2)base.styl 1 2 3 4 5 # 文件位置:~/blog/themes/next/source/css...4)custom.styl 1 2 3 4 5 /* 文件位置:~/blog/themes/next/source/css/_custom/custom.styl */ .post-body {...链接 衬线体的进化:从纸面到屏幕 | 方正字库 ---- 字重 medium 500 非必需,可不选。

    3.6K10

    web前端几个小知识点笔记

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

    1.3K50

    免费可商用字体

    黑体类: 思源黑体 出身:思源黑体是Adobe与Google宣布推出的一款开源字体 ? 文泉驿微米黑 出身:文泉驿是一个以开发开源、免费中文电子资源为目标的公益性组织。...文泉驿正黑体 出身:文泉驿是一个以开发开源、免费中文电子资源为目标的公益性组织。她的创办宗旨是实现“任何人在任何地方都可以自由使用汉字和汉语进行交流” ? 方正黑体 注:须书面授权方可商用 ?...她的创办宗旨是实现“任何人在任何地方都可以自由使用汉字和汉语进行交流” 全字庫正宋體 方正书宋 注:须书面授权方可商用 楷体类: 全字庫正楷體 cwTeX Q Kai Medium 方正楷体 注:须书面授权方可商用...仿宋类: cwTeX Q Fangsong Medium 方正仿宋 注:须书面授权方可商用 我也下载了一些可用字体分享给大家(建议:可根据上述内容自行查询下载) http://pan.baidu.com

    3.7K80

    中文字体网页开发指南

    微软雅黑:Microsoft YaHei (Windows 7开始提供) OS X操作系统: 冬青黑体: Hiragino Sans GB (SNOW LEOPARD开始提供) 华文细黑:STHeiti...Light (又名STXihei) 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 如果用户装了MicroSoft Office,还会多出一些字体...隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体:FZShuTi...方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei 二、font-family命令 CSS的...但是,Windows XP没有预装这种字体,这时可以选择黑体(Simhei)替代。不过,黑体比较粗,不应用于字号较小的文字。 (3)仿宋(FangSong) 这种字体是衬线体,比宋体的装饰性更强。

    2K40

    字体侵权怕不怕,免费商用来一波~

    思源字体是由 Adobe 在线字体库 Typekityu 与谷歌一起合作开发的,字库对中(简体/繁体)、日、韩三国汉字进行了全面优化支持,可以说是非常全面的,看一下思源黑体、思源宋体: ?...方正字体系列 ?...方正字体是大家接触最多的字体之一,其中有4款是方正字库针对「商业发布」提供的免费字体:方正黑体、方正书宋、方正仿宋和方正楷体,需要注意的是这4款字体虽然可商用,但依然需要方正公司的书面授权。 ?...- 阿里汉仪智能黑体 - 据说这个字体是阿里巴巴人工智能系统设计,汉仪公司辅助完成的。经过5次迭代最终完成整个字库,实际使用非常适合电商平台。当然,让这个字体仅限阿里巴巴平台上使用。

    2.7K50

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

    font-face 中的 src 定义的 .ttf 文件必须存在,其余的格式将由工具自动生成 下面是中文字体对应的英文名称: 新细明体:PMingLiU 细明体:MingLiU 标楷体:DFKai-SB 黑体...SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312 微软正黑体...华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体:FZShuTi 方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书...:STLiti 华文行楷:STXingkai 华文新魏:STXinwei 苹果电脑中的字体: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti...引入 CSS 最后一步就是在你的网站中引入该 CSS,具体的做法大同小异,以 hugo 为例,先将 fonts-zh.css 复制到网站主题目录的 static/css/ 目录下,然后在 <

    3.3K20

    html中中文字体的代码

    宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU...Office会生出来的一些: 隶书:LiSu 幼圆:YouYuan 华文细黑:STXihei 华文楷体:STKaiti 华文宋体:STSong 华文中宋:STZhongsong 华文仿宋:STFangsong 方正舒体...:FZShuTi 方正姚体:FZYaoti 华文彩云:STCaiyun 华文琥珀:STHupo 华文隶书:STLiti 华文行楷:STXingkai 华文新魏:STXinwei Windows 中的中文字体... 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB 那么每种字体能显示那些汉字呢?...Vista 之前的 Windows 中宋体/新宋体、黑体支持 GBK 1.0 字符集, 楷体_GB2312、仿宋_GB2312 支持 GB2312-80 字符集。

    8.3K20

    领御区块链-北京方正公证取证平台正式上线

    4月17日,腾讯安全联合北京市方正公证处举办了网络战略合作暨领御区块链-北京方正公证取证平台上线发布会,宣布在“区块链+司法”领域建立合作,应用区块链技术深化电子数据存证服务。...北京市方正公证处副主任杨和平、腾讯安全领御总经理申子熹、江苏安凰领御科技有限公司总经理曹翀等嘉宾出席了会议。...4b4e4e9f9efe8da029c40ff01cbc83bf.jpg 领御区块链-北京方正公证取证平台由江苏安凰领御科技有限公司提供运维,结合腾讯安全领御区块链技术与北京市方正公证处作为法律执业共同体及...在存证方面,领御区块链-北京方正公证取证平台基于区块链存证,将图片、文稿、音视频、代码包等文件加密存储,使得电子数据上链后司法系统无需担忧其被篡改或者丢失。...在此次战略合作的基础上,腾讯安全与北京方正公证处将进一步深化区块链技术在司法存证领域的应用,加速探索互联网司法新模式,实现电子证据固化及数字产业的诚信数据共享,推动共建智慧信用生态。

    2.2K20
    领券