html ＜font＞中英文常用字体和颜色总结

于 2022-03-30 15:51:06 发布
阅读量5k 收藏 23
点赞数 3
分类专栏： # VS Code 文章标签： font html 字体 颜色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qazwsxrx/article/details/123846013
版权

文章目录

引言

在写markdown的时候，希望创建不同命令完成不同样式的文本。但似乎不太容易找到对中英文字体进行详细总结的文章。因此，本文在参考其他资料的基础上总结了中字体和颜色的常用设置。

字体设置

Web Safe Fonts(英文字体)

Arial (sans-serif)

在这里插入图片描述

Arial Black (sans-serif)

在这里插入图片描述

Verdana (sans-serif)

在这里插入图片描述

Tahoma (sans-serif)

在这里插入图片描述

Trebuchet MS (sans-serif)

在这里插入图片描述

Impact (sans-serif)

在这里插入图片描述

Times New Roman (serif)

在这里插入图片描述

Didot (serif)

在这里插入图片描述

Georgia (serif)

在这里插入图片描述

American Typewriter (serif)

在这里插入图片描述

Andalé Mono (monospace)

在这里插入图片描述

Courier (monospace)

在这里插入图片描述

Lucida Console (monospace)

在这里插入图片描述

Monaco (monospace)

在这里插入图片描述

Bradley Hand (cursive)

在这里插入图片描述

Brush Script MT (cursive)

在这里插入图片描述

Luminari (fantasy)

在这里插入图片描述

Comic Sans MS (cursive)

在这里插入图片描述

中文字体

可输入英文，也可直接输入中文

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

在这里插入图片描述

颜色设置

可利用下述链接选择颜色，然后通过hex进行设置
https://htmlcolorcodes.com/

Reference

https://blog.hubspot.com/website/web-safe-html-css-fonts
https://blog.csdn.net/zhangchao5821/article/details/71632038

R.X. NLOS
关注
  • 3
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML对字体的所有操作详解（经典）
weixin_33851429的博客
01-31 6864
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> /* 如果现实乱码请在head标签里面添加这条语句，这是为了统一字体格式，我们采用常见的utf-8*/ 一、文字样式设置的基本标签—<font> 设置字体样式的基本标签是<fo...
html：Gustavo NoronhaHTML字体库
02-25
HTML Projeto图片 宝aprendizado。
html常用的英文字体,50款设计必备 英文字体
weixin_42107374的博客
06-17 4382
收录了50款设计大神常用的英文字体，选择好是字体往往会事半功倍，毫不客气的说，这些字体会持续你的整个设计生涯，无论什么年代，它们都经久不衰，成为永恒的美感字型。01. PLUME02. Devious03. Verb04. Goldsmith05. Hanken06. Butler07. Sensa (2 Free Version)08. Bukhari09. Airpena Rustic Dis...
html字体样式(有中文兼英文实例)
热门推荐
qq_40788156的博客
05-29 1万+
#有时候样式对汉字没有什么效果，需要在页面中写上英文才有效果哦 样式一：font-family: ‘Courier New’, Courier, monospace; eg: 样式二：font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif; eg: 样式三：font-family: ‘Gill Sans’, ...
html 好看的英文字体,23款网页设计师必备：经典私藏英文字体
weixin_32139249的博客
06-24 5883
作为网页设计师，对待字体设计也许并没有其他的平面设计师那般自由。例如，你没有办法在网页中使用其他中文的字体，受限于技术的原因，除了几款比较固定的中文字体(微软雅黑、宋体、黑体等)目前中文字体的特殊设计也只能以图片的方式展示。但是在英文的运用上，其实在网页设计领域，已经有了非常广大的自由度。这也是英文在传播方面，基于其本身只是26个字母不断的组合变化，从而大大缩短了信息处理的时间。终于我们不得不正视...
html中的字体英文名称
ACMerdsb的博客
12-30 1507
正则替换字符串功能 <font color=red>原创</font>
10-30
正则替换字符串功能 原创
js获取数组任意个不重复的随机数组元素 <font color=red>原创</font>
10-29
新建一个数组,将传入的数组复制过来,用于运算,而不要直接操作传入的数组
PHP正则匹配中英文、数字及下划线的方法【用户名验证】 原创
10-19
主要介绍了PHP正则匹配中英文、数字及下划线的方法,可用于针对用户名的验证操作,需要的朋友可以参考下
Java网络编程基础篇之单向通信 <font color=red>原创</font>
08-29
主要介绍了Java网络编程里通过套接字实现单向通信的方法及相关实例，属于网络编程入门程序，虽然简单，但具有一定参考价值,需要的朋友可以参考下。
Html网页字体颜色代码大全
07-18
Html网页字体颜色代码大全
HTML常用字体代码.html
10-24
HTML常用字体代码HTML常用字体代码HTML常用字体代码HTML常用字体代码
javascript 改变字体大小方法集合 <font color=red>原创</font>
10-29
给网页正文提供，小 中 大 三种字体的切换功能。用js代码设置div style的fontSize属性。
web前端基础之HTML5语义化新标签学习笔记（13）学会用语义化标签
Fightingdddd的博客
07-16 241
阿树有点儿话 HI ~你好呀 生活也就总是这样呀，一日三餐，每天重复走着同一条路线，做着差不多的事情。 也许会有人经历过大起大落，但大起大落过后又换一种方式重复着一样的规律地生活着。 虽是如此，但路上碰到形形色色的人，值得交的朋友，解决了一个小难题，见到了一处美丽的风景，看到一句优美的话，一篇值得深思的好文章等等，这些都会给你重复的生活增加一抹甜。 有些人有许多的理想，什么都想做，并且还想什么都做到最好。还不会走，又怎么会跑？ 经历了一些大事后许多人都会有了另一种心境，就像许多作家，从它们的作品就可以看出来
FONT 字体颜色大全
weixin_30420305的博客
02-10 1415
用这句代码 替换 AmericanTypewriter-Bold字段就会有不同的字体样式 _typeLabel.font = [UIFont fontWithName:@"AmericanTypewriter-Bold"size:14]; Font Family: American Typewriter（AmericanTypewriter，AmericanTypewrite...
js代码实现流星雨
weixin_34318272的博客
02-08 2281
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>一起来看流星雨</title> <script> var context; var arr = new Array(); var star...
html中什么字体的英文好看,英语字体有哪些？英语哪种字体最好看
weixin_32972053的博客
06-19 919
本篇文章带给大家8个免费可商用英文字体，每个字体附页面设计案例，毕竟PPT设计中，总有一些词/数字是需要使用英文字体的英文字体的版权问题同样不能小觑即使你只用了1234如果英文字体有版权问题同样面临侵权风险soFancy Me这款字体，笔画均由线条勾勒而成，满满的艺术气息和自由洒脱气质，适用于大标题，如果字号太小，不易识别设计案例Alloy Ink这款字体风格为卡通风，字体效果略带立体感，适用于卡...
html英文字体汇总,笔记 CSS常用中文字体英文名称对照表
weixin_29268331的博客
06-19 739
该楼层疑似违规已被系统折叠隐藏此楼查看此楼" data-tag="bdshare">我们在做网页时候，有时用火狐查看css原代码时候会发现有些中文是乱码，复制出来时候也会是乱码，这是由于编码原代码时候中文汉字使用了中文汉字，这样在复制粘贴时候很容易造成乱码，为了避免这种情况发生，在编写css时候需要将中文汉字转换成英文名称或者Unicode值，这样可以解决这类问题。下面是我们常用字体对照表...
html 好看的英文字体,力荐！8款超有设计感的英文字体。
weixin_29023805的博客
06-11 4492
今天给大家推荐8款我个人非常喜欢的英文字体。为什么是推荐英文字体呢？这是因为英文字体非常丰富，只有26个字母和10个阿拉伯数字，比中文字体要容易设计很多，所以有很多样式是中文字体没有的。我们在做PPT的时候，可以适当地用上一些英文字体辅助展示，以此起到画龙点睛的效果。Adamas这款字体，其实是基于前些年流行的 low poly(低多边形) 风格设计的，low poly 就是下边这种由很多几何形状...
how to get text from html where between <ol><font></font></ol> by Java
最新发布
07-08
To extract text from HTML that is enclosed within `<ol><font></font></ol>` tags using Java, you can utilize a library like Jsoup. Here's an example code snippet: ```java import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; public class HtmlTextExtractor { public static void main(String[] args) { String html = "<html><body><ol><font>This is the text to extract</font></ol></body></html>"; // Parse the HTML string Document doc = Jsoup.parse(html); // Find all <ol> elements Elements olElements = doc.select("ol"); for (Element olElement : olElements) { // Find <font> elements within each <ol> element Elements fontElements = olElement.select("font"); for (Element fontElement : fontElements) { // Extract the text from the <font> element String extractedText = fontElement.text(); System.out.println("Extracted Text: " + extractedText); } } } } ``` In this example, we use the Jsoup library to parse the HTML string. We then use CSS selectors to find all `<ol>` elements and within each `<ol>` element, we find `<font>` elements. Finally, we extract the text from the `<font>` element using the `text()` method. Make sure you have added the Jsoup library to your Java project for this code to work. You can download Jsoup from the official website or add it as a dependency using a build tool like Maven or Gradle.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

R.X. NLOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值