衬线体html英文 - 腾讯云开发者社区

文章/答案/技术大牛

发布

浅谈衬线体和无衬线体

一般情况默认使用非衬线体个人认为粗细分明的笔画，是衬线体和非衬线体最明显的区别，我们通过下面图片对比直观感受一下 Serif（衬线体）Sans-Serif（无衬线体）通过以上图片，清晰了解到衬线体和非衬线体的最大区别无非是...“衬线与否”，简单来说在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同的，就是衬线体，反之则是非衬线体。...了解了两者的根本区别利于我们在不同的场景使用不同的类型，简单说下分别的使用场景衬线体衬线体（如 Serif、楷体、宋体）非常容易识别，衬线字体强调了字画的开始与结束，字体粗细分明易读性高，适合正文阅读的场景...使用无衬线体的设备非常多，因为无衬线体的默认使用多，也为现代字体的演变历程做了铺垫个人观点无衬线体通用的特点可以大范围使用，包括但不限于标题正文等场景（如经典的“微软雅黑”字体）简洁的属性让人看起来很...无衬线体的使用场景往往更加“随意”，相比“严肃”的衬线体，使用范围更广且更符合大众化，其简洁的特性也往往被当今主流设计趋广泛接受。

2.2K1 0

八款免费可商用现代极简高级无衬线英文字体#0006

今天趣字体给大家分享 8 款超赞的免费可商用现代极简高级无衬线英文字体，轻松让你的作品瞬间高级。典型的现代简约风，笔画粗细均匀。...优雅现代，衬线精致，字符间距舒适。时尚、美妆产品搭配它，精致感爆棚，尽显独特品味与魅力。ojuju灵感源自非洲哈啦以南的多种族文化，字形兼具装饰感与易读性。...Abel是单轴等距无衬线字体，常用于报纸标题和海报。粗细一致且单声道重量良好，在小尺寸下辨识度佳，适用于出版印刷、信息类展示设计。...BRANIC是免费优雅无衬线字体，包含大小写字母、数字、符号和标点，适用于各类追求简洁优雅风格的平面设计项目。Kabond由 Nicolás Silvano 创作，有简洁线条和动态角度。...下载地址八款免费可商用现代极简高级无衬线英文字体#0006

1.1K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

八款免费可商用高级复古优雅衬线英文字体#0007-趣字体

今天给大家分享 8 款绝美的免费可商用复古优雅衬线英文字体，轻松让你的作品呈现复古感～高级衬线体，常用于时尚杂志设计。为时尚单品宣传图、美妆海报增添优雅气质，尽显奢华与时尚感。...复古中带有时尚感的衬线体。在复古风格的品牌视觉设计、怀旧主题的海报中，发挥独特魅力，让人回忆起过去的美好时光。AlmendraAlmendra是一款基于书法的字体设计。...LuxuriousRomanLuxurious Roman是一款牛手写字体，其衬线不一致，并带有微妙的弹性外观，营造出“不完美”的手写书法威。它支持拉丁字符集，包括西方语言、中部语言和越南语。...其特点包括精心设计的衬线、渐变的笔触和明显的对比度、书法和人文主义的字体形式，以及较大的上升和下降部分。它非常适合用于行距较大的长文本。它源于2011年布宜诺斯艾利斯大学字体设计研究生课程的展示作品。...下载地址八款免费可商用高级复古优雅衬线英文字体#0007

1.3K2 0

英文字体的选择 - 腾讯ISUX

英文字体的分类英文文字大致分成三类，衬线体，无衬线体和其他字体。其他字体包括哥特体，手写体和装饰体，这些字体在我们工作中使用相对较少，所以重点介绍衬线体和无衬线体两大类。 ?...衬线体还有另外一种分类方式，根据衬线变化可以分成三类：具有特定曲线的衬线为“支架衬线体”，连接处为细直线的是“发丝衬线体”，厚粗四角形的“板状衬线体”。 ?...Grotesque是最早出现的无衬线体，所以保留了一些衬线体的特征，比如小写字母g的写法不一样，数字1下方有粗衬线。...适合长文阅读的文字无衬线体中适合长文阅读的文字一般是Humanist，衬线体中适合长文阅读的文字一般是支架衬线体。下面列几个个人觉得比较适合排长文的字体。...注明出处格式：腾讯ISUX (http://isux.tencent.com/western-fonts.html)

3K5 0

中文字体网页开发指南

四、衬线体和无衬线体所谓"衬线体"（Serif），指的是笔画的末端带有衬线的字体。就像英文字体一样，中文字体也可以分成"衬线体"和"无衬线体"（San-serif）。...比如，对于繁体字来说，微软正黑（Microsoft JhengHei）是无衬线体，新细明体（PMingLiU）是衬线体。...对于简体字来说，微软雅黑（Microsoft yahei）是无衬线体，宋体（SimSun）是衬线体。一般来说，衬线体装饰性强，往往用于标题；无衬线体清晰度好，往往用于正文。...（3）仿宋（FangSong）这种字体是衬线体，比宋体的装饰性更强。如果字号太小，会影响清晰度，所以只有在字号大于14px的情况下，才可以考虑这种字体。...（4）楷体（KaiTi）楷体也是衬线体，装饰性与仿宋体接近，但是宽度更大，笔画更清楚一些。这种字体也不应该在小于14px的情况下使用。它在Mac平台的对应字体是"华文楷体"（STKaiti）。

2K4 0

英文字体的选择

英文字体的分类英文文字大致分成三类，衬线体，无衬线体和其他字体。其他字体包括哥特体，手写体和装饰体，这些字体在我们工作中使用相对较少，所以重点介绍衬线体和无衬线体两大类。 ?...衬线体的历史比较悠久，是古罗马时期的碑刻用字，适合用于表达传统，典雅，高贵，距离感。衬线体可以分成两类：类似手写的衬线体叫“旧体”，笔尖会留下固定倾斜角度的书写痕迹，O字母较细的部分连线是斜线。...衬线体还有另外一种分类方式，根据衬线变化可以分成三类：具有特定曲线的衬线为“支架衬线体”，连接处为细直线的是“发丝衬线体”，厚粗四角形的“板状衬线体”。 ?...Grotesque是最早出现的无衬线体，所以保留了一些衬线体的特征，比如小写字母g的写法不一样，数字1下方有粗衬线。...适合长文阅读的文字无衬线体中适合长文阅读的文字一般是Humanist，衬线体中适合长文阅读的文字一般是支架衬线体。下面列几个个人觉得比较适合排长文的字体。

3.8K3 0

「css基础」关于字体相关的基础知识（一）

一、通用字体族常用的字体族有五种，分别是sans-serif (无衬线体)、serif (衬线体)、monospace (等宽体)、cursive (手写体)和fantasy (幻想体)。...1、衬线体serif 、无衬线体sans-serif 衬线体指的是在文字笔画的端点上所加的装饰线条，因为sans 在法语中代表「无」，所以sans-serif 也就是无衬线体，与衬线字体相反，无衬线体完全抛弃装饰衬线...3、手写体cursive、幻想体fantasy 手写体和幻想体其实有点像，手写体就像是毛笔或钢笔写出来的感觉，这种字体尝试模仿人的书写笔迹，通常，这种字体在笔画末端有较大的修饰，比衬线字体更加华丽，以中文来说预设的手写体通常就是标楷体...，而幻想体就是在手写之外，更多了一些装饰或纹路在字体上，大多数的中文预设不支持幻想体，如果设置了，也会自动使用衬线体或无衬线体取代。...2、衬线体serif： Georgia、Times New Roman、Times ? 3、手写体cursive Comic Sans MS ?

2K3 0

CSS 字体介绍

使用注意点绝大部分中文字体里包含英文字母（基本上都很丑），而英文字体是不包含中文字符的。因此 font-family 应该优先指定英文字体，然后再指定中文字体。...衬线体和无衬线体所谓"衬线体"（Serif），指的是笔画的末端带有衬线的字体。一般来说，衬线体装饰性强，往往用于标题；无衬线体清晰度好，往往用于正文。...兼容大部分浏览器，系统的英文字体衬线字体（Serif Fonts） Georgia, Times New Roman, Times, serif 非衬线字体（Sans-Serif Fonts） Arial..."Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif; 仿宋（FangSong）这种字体是衬线体...font-family: Georgia, "Times New Roman", "FangSong", "仿宋", STFangSong, "华文仿宋", serif; 楷体（KaiTi）楷体也是衬线体

4.2K3 0

「css基础」关于字体相关的基础知识（一）

一、通用字体族常用的字体族有五种，分别是sans-serif (无衬线体)、serif (衬线体)、monospace (等宽体)、cursive (手写体)和fantasy (幻想体)。...1、衬线体serif 、无衬线体sans-serif 衬线体指的是在文字笔画的端点上所加的装饰线条，因为sans 在法语中代表「无」，所以sans-serif 也就是无衬线体，与衬线字体相反，无衬线体完全抛弃装饰衬线...3、手写体cursive、幻想体fantasy 手写体和幻想体其实有点像，手写体就像是毛笔或钢笔写出来的感觉，这种字体尝试模仿人的书写笔迹，通常，这种字体在笔画末端有较大的修饰，比衬线字体更加华丽，以中文来说预设的手写体通常就是标楷体...，而幻想体就是在手写之外，更多了一些装饰或纹路在字体上，大多数的中文预设不支持幻想体，如果设置了，也会自动使用衬线体或无衬线体取代。...、衬线体serif： Georgia、Times New Roman、Times 3、手写体cursive Comic Sans MS 4、等宽体monospace Courier New 5、幻想体

1.2K0 0

serif，sans-serif，monospace，cursive和fantasy

，无衬线和等宽字体族）三.特点 serif 衬线字体族特点：具有修饰过的笔画，向外展开的或者尖细的末端，或者是带有实际衬线的末端一笔一划末端（两头）都带点变化装饰，比如宋体笔画末端有毛笔字的感觉...但在大字号下笔画装饰部分可能会显得模糊或带有锯齿示例： Times New Roman、MS Georgia 宋体、仿宋衍生： petit-serif 小衬线字体族末端变化不明显，可以当做无衬线...手写字体族特点：像手写的一样示例： Caflisch Script、Adobe Poetica 徐静蕾手写体、迷你简黄草、华文行草、少女体 fantasy 梦幻字体族特点：艺术字，主要用于图片...，页面上用的少示例： WingDings、WingDings 2、WingDings 3、Symbol 萝卜体 monospace 等宽字体族特点：每个字形都等宽，主要用于英文，中文方块字本来就等宽...最佳实践： sans-serif是页面首选，无衬线因为在屏幕显示设备上，衬线会让文字变得难以辨认 serif不适合在线阅读，但打印效果很好，适用于页面打印版衬线字体在打印的场景更容易阅读，让人更容易清楚区分不同字母

2.7K3 0

关于Serif与Sans-Serif字体

同样大小的衬线字体比无衬线字体容易阅读： ? 然后大家可以把报纸翻到头版头条——标题一般都会是各种粗细一致的综艺体或者是中黑体。英文报纸的标题大多也是无衬线的。这个就是应用他们的基本原则。...对于11px以下的英文字体，推荐使用衬线字体。至于中文，因为显示器的硬件限制，不论是什么字体，都不推荐使用11px以下的font-size来显示。...像这种使用温和的末端加强，笔划粗细大致一致的字体，其实也可以被称为petit-serif/小衬线体。...（那些类似于宋体一样有显著末端加强，并且笔划粗细有明显区别的，通常称为slab-serif/雕版衬线体）只是很遗憾，因为诸多的硬件原因，在显示器上实际显示黑体时，大家还是可以把它看作一个无衬线字体 ...italic 详细出处参考：http://www.jb51.net/article/15647.htm http://www.syxin.com/2006/03/-sans-serif-serif.html

4K3 0

CSS魔法堂：再次认识font

衬线体(Serif) 2. 无衬线体/非衬线体(Sans-Serif) 3. 等宽体(Monospace) 4. 手写体/书法体(Calligraphy) 5....衬线体（Serif）衬线是笔画末端的装饰部分，用于更清晰地标明笔触末端，提高辨识率从而提高阅读速度。另外衬线字体感觉会更正统。下图红色部分就是衬线。 ? ...网页中英文衬线字体有Times New Roman和Georgia(下图为12px的Times New Roman左和 Georiga右)。 ? 网页的中文衬线字体有宋体。 2....无衬线体/非衬线体（Sans-serif） ? 网页中英文无衬线字体有Arial,Verdana,Tahoma,Helivetica,Calibri等....注意：10px~12px的衬线字体在屏幕下难以辨认，因此网页中常用无衬线字体而非衬线字体。原因请看解析度说明(下图为10px的Verdana和Times New Roman对比) ? 3.

2.9K10 0

WecTeam：撸了这么多代码，你真的了解字体吗？

字体分类常见的字体可以分为两类：衬线体、无衬线体。 ? 1、serif（衬线体）：在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。...常见的衬线体有： •宋体、楷体•Times New Roman 2、sans-serif（无衬线体）：笔划粗细基本一致，只剩下主干，造型简明有力，起源也很晚。适用于标题、广告等，识别性高。...常见的无衬线体有： •黑体•Windows 平台默认的中文字体：微软雅黑（Microsoft Yahei）•Windows 平台默认的英文字体：Arial•Mac & iOS 平台默认的中文字体：苹方（...PingFang SC）•Mac & iOS 平台默认的英文字体：San Francisco•Android 平台默认字体：Droid Sans 补充：衬线体如今已经很少使用了，你所熟悉的“宋体”，也基本只能在纸质出版物中见到...常见的字体族可以分为五类： •serif：衬线体。•sans-serif：无衬线体。•monospace：等宽字体。每一个字母所占的宽度是相同的。写代码的字体尽量用等宽字体。

1.5K1 0

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

(草体) 其实大体上分为衬线字体和无衬线字体，等宽字体中也有衬线等宽和无衬线等宽字体，这 5 个分类是 font-family 的 5 个可用字体系列取值。...（本来每一个字体都有贴示意图的，无奈博客园摆出来太影响美观，可以移步我的Github阅读） serif -- 衬线字体 serif，意为有衬线的字体，衬线的意思是在字符笔画末端有叫做衬线的小细节的额外装饰...Times New Roman Mac 平台 Safari 下默认的英文字体，是最常见且广为人知的西文衬线字体之一，众多网页浏览器和文字处理软件都是用它作为默认字体。...sans-serif -- 无衬线字体 sans 的意思是无，sans-serif 也就是无衬线的意思。专指西文中没有衬线的字体，与汉字字体中的黑体相对应。...中文下，无衬线字体就是黑体，黑体字也就是又称方体或等线体，没有衬线装饰，字形端庄，笔画横平竖直，笔迹全部一样粗细。看看又有哪些常见的无衬线字体。

1.5K3 0

【CSS】955- 你该知道的字体 font-family

衬线字体与无衬线字体就 Web 常用的一些字体而言，其实大体上分为衬线字体和无衬线字体。...衬线字体 -- 关键字为 serif，意为有衬线的字体，衬线的意思是在字符笔画末端有叫做衬线的小细节的额外装饰，而且笔画的粗细会有所不同，这些细节在大写字母中特别明显。 ?...无衬线字体 -- 关键字为 sans-serif，也就是无衬线的意思。专指西文中没有衬线的字体，与汉字字体中的黑体相对应。...中文下，无衬线字体就是黑体，黑体字也就是又称方体或等线体，没有衬线装饰，字形端庄，笔画横平竖直，笔迹全部一样粗细。 ? 对比着来看： ?...Segoe UI Segoe UI 是 Windows 从 Vista 开始的默认西文字体族，只有西文，不支持汉字，属于无衬线体。它也表示一个系列而不是某一款单一字体。

6K2 0

撸了这么多代码，你真的了解字体吗？

2.7K1 0

图像加文字与运行时间——opencv

衬线字体 FONT_HERSHEY_TRIPLEX = 4, //!...< 斜体字体 }; 另外可见百科：西方国家字母体系分为两类：衬线字体（serif）以及无衬线体（sans serif）。...衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。无衬线体是无衬线字体，没有这些额外的装饰，而且笔画的粗细差不多。...中文字体中的宋体就是一种最标准的衬线字体，衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体。...locationNum=7&fps=1 https://www.cnblogs.com/lyggqm/p/4562727.html

1.2K4 1

IOS设计尺寸与字体

Times New Roman：Mac平台Safari下默认的字体，是最常见且广为人知的西文衬线字体之一，众多网页浏览器和文字处理软件都是用它作为默认字体。...细体、常规体、中黑体、中粗体。...3、Android系统： Droid Sans、Droid Sans Fallback：Droid Sans为安卓系统中默认的西文字体，是一款人文主义无衬线字体，而Droid Sans Fallback...结论：Droid Sans为默认的字体，并结合了中英文，无需单独设置。 4、iOS系统： iOS系统的字体和Mac OS系统的字体相同，保证了Mac上的字体效果，iOS设备就没有太大问题。...5、Linux：文泉驿点阵宋体：类似宋体的衬线字体，一般不推荐使用。文泉驿微米黑：几乎是 Linux 社区现有的最佳简体中文字体。

2.2K0 0

HTML 下划线与删除线

一、下划线标签 html> 下划线这里显示的内容是下划线 html> 二、删除线标签 html> 下划线线的用法--> 这里显示的内容是删除线 html> 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/136025....html原文链接：https://javaforall.cn

2.3K2 0

可视化基础——字体篇

字体大体上分为两类： serif（衬线字体） sans serif（无衬线字体） serif字体在字的笔画开始及结束的地方有额外的装饰，而且笔画的粗细会因直横的不同而有不同。...常见的英文衬线字体：Times、Times New Roman 常见的英文非衬线字体：Arial、helvetica 常见的中文衬线字体：宋体常见的中文非衬线字体：黑体（经典的微软雅黑）设置默认字体...：新建Excel工作薄时，软件显示默认字体（一般是12号宋体），如果想要改变默认字体则需要自己设置：由于Excel输入数值比较多，一般设置为无衬线线的arial字体（9~12号之间）。...自定义字体主题： Excel中选择布局——主题——字体就可以看到自定义字体菜单，列表里已经显示了自定义的字体以及内置字体，点击底部自定义进入自定义窗口，此时便可以自己选择想要的中英文字体。

1.4K8 0

点击加载更多

浅谈衬线体和无衬线体

八款免费可商用现代极简高级无衬线英文字体#0006

八款免费可商用高级复古优雅衬线英文字体#0007-趣字体

英文字体的选择 - 腾讯ISUX

中文字体网页开发指南

英文字体的选择

「css基础」关于字体相关的基础知识（一）

CSS 字体介绍

「css基础」关于字体相关的基础知识（一）

serif，sans-serif，monospace，cursive和fantasy

关于Serif与Sans-Serif字体

CSS魔法堂：再次认识font

WecTeam：撸了这么多代码，你真的了解字体吗？

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

【CSS】955- 你该知道的字体 font-family

撸了这么多代码，你真的了解字体吗？

图像加文字与运行时间——opencv

IOS设计尺寸与字体

HTML 下划线与删除线

可视化基础——字体篇

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐