讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 人工智能 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > css教程 >

正文

0

0

css怎么设置字体为楷体？

little bottle

little bottle

发布时间：2019-05-15 14:35:17

|

13284人浏览过

|

来源于php中文网

原创

本篇文章小编将和大家讲讲如何在css里设置字体为楷体，还有五类通用字体说明以及其他的字体样式表示，感兴趣的朋友可以看看，希望对你有所帮助。

css怎么设置字体为楷体？

CSS使用font-family属性来定义字体类型。css设置字体为楷体的语句为：

font-family: "楷体","楷体_GB2312";

习惯上中文网页字体多定义为宋体类型，对于标题或特殊提示信息，如果需要特殊字体，则建议采用图像形式来间接实现。

拓展：

对于英文或其他西文字体来说，CSS提供了五类通用字体。所谓通用字体就是一种备用机制，即指定的所有字体都不可用时，能够在用户系统中找到一个类似字体进行替代显示。

立即学习“前端免费学习笔记（深入）”；

五类通用字体说明如下：

serif:衬线字体

sans-serif:无衬线字体

cursive:草书，表现为斜字型、联笔或其他草体的特征

fantasy:奇异字体，主要是装饰性的，但保持了字符的呈现效果，换句话就是艺术字

monospace:等宽字体，唯一标准就是所有的字型宽度都是一样的

CSS字体样式表示大全

华文细黑：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 

Memo AI
Memo AI

AI音视频转文字及字幕翻译工具

下载

標楷體：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 

相关文章

CSS如何控制列表的项目符号_使用list-style-type修改为方块或数字

CSS如何实现具有磁贴效果的UI界面_利用Grid布局定义不规则区块css

CSS如何适配移动端刘海屏安全区域_通过env(safe-area-inset)设置css

CSS如何排查给Flex子项加百分比宽度失效的问题

CSS如何通过:has()实现复杂的隔行不同背景并且跳过某些行

相关标签:

css 样式表 windows microsoft

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：css是做什么的 下一篇：简述什么是css？

作者最新文章

jq是指什么？

2019-05-31 16:04

jquery中prop什么意思

2019-05-31 16:19

jquery的after方法怎么用

2019-05-31 16:37

vue是做什么的

2019-05-31 16:58

mysql能干什么

2019-05-31 17:15

怎么用cmd进入mysql

2019-05-31 17:24

怎么看mysql安装路径

2019-05-31 17:32

mysql怎么输入

2019-05-31 17:41

mysql免费版好用么

2019-05-31 17:53

mysql慢查询是什么

2019-05-31 18:00

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

AI编程开发AI聊天问答
豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

AI编程开发AI大模型
通义千问
通义千问

阿里巴巴推出的全能AI助手

AI编程开发Agent智能体
腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文档处理Excel 表格
文心一言
文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI编程开发AI文本写作
讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI文本写作中文写作
即梦AI
即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接图画生成
ChatGPT
ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI编程开发AI文本写作
智谱清言 - 免费全能的AI助手
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI编程开发Agent智能体

相关专题

更多
windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口，端口号的范围从0到65535，比如用于浏览网页服务的80端口，用于FTP服务的21端口等等。怎么查看windows端口占用情况呢？php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。

1476

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口，端口占用问题是计算机系统编程领域的一个常见问题，端口占用的根本原因可能是操作系统的一些错误，服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

1169

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时，可能会出现一个错误提示，提示说"Windows照片查看器无法显示此图片，因为计算机上的可用内存不足"，本专题为大家提供windows照片无法显示相关的文章，帮助大家解决该问题。

835

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法：1、使用Windows自带的资源监视器；2、使用命令提示符查看端口信息；3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容，供大家免费下载体验。

461

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中，共享电脑是办公室和家庭的重要组成部分。然而，有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享，影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。

2361

2023.08.08

windows自动更新
windows自动更新

Windows操作系统的自动更新功能可以确保系统及时获取最新的补丁和安全更新，以提高系统的稳定性和安全性。然而，有时候我们可能希望暂时或永久地关闭Windows的自动更新功能。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

874

2023.08.10

windows boot manager
windows boot manager

windows boot manager无法开机的解决方法：1、系统文件损坏，使用Windows安装光盘或USB启动盘进入恢复环境，选择修复计算机，然后选择自动修复；2、引导顺序错误，进入恢复环境，选择命令提示符，输入命令"bootrec /fixboot"和"bootrec /fixmbr"，然后重新启动计算机；3、硬件问题，使用硬盘检测工具进行扫描和修复；4、重装操作系统。本专题还提供其他解决

1972

2023.08.28

windows锁屏快捷键
windows锁屏快捷键

windows锁屏快捷键是Windows键+L、Ctrl+Alt+Del、Windows键+D、Windows键+P和Windows键+R。本专题为大家提供windows相关的文章、下载、课程内容，供大家免费下载体验。

1670

2023.08.30

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开，系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示，帮助开发者构建稳定高效的 Go 并发任务处理系统，提高系统在高负载环境下的处理能力与稳定性。

4

2026.03.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
php商城系统
淘源码商城PHP淘宝查信誉
PHP房产程序[BBWPS]
PHP简约自动发卡平台个人版
ERMEB域名PHP离线网络授权系统
Difeye-敏捷的轻量级PHP框架
大泉州汽车网PHP整站程序

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

CSS教程
CSS教程

共754课时 | 41.9万人学习

最新文章

更多
CSS如何实现具有磁贴效果的UI界面_利用Grid布局定义不规则区块css
CSS如何适配移动端刘海屏安全区域_通过env(safe-area-inset)设置css
CSS如何排查给Flex子项加百分比宽度失效的问题
CSS如何通过:has()实现复杂的隔行不同背景并且跳过某些行
CSS如何制作支持滑动溢出的弹性行_通过flex-nowrap配合overflow-x
CSS布局中的内容优先排版_利用Flex-order调整SEO结构
CSS如何定位具有交互性的Tooltip提示框_利用attr函数配合伪元素定位css
CSS如何使用十六进制简写_把#rrggbb缩写为#rgb形式
CSS如何选中被锚点选中的区块_通过target伪类设置边框亮色css
CSS项目实战之响应式卡片组_在不同设备上的自动换行
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部