h5页面自定义字体_H5页面中常见的字体有哪些

在H5页面的制作过程中，一般分为H5策划、H5设计、H5程序制作和测试等四个步骤，其中最能带给用户好印象的就是H5设计了。在H5设计中，所蕴含的知识是十分复杂的，所展示的内容也是十分多样化的，如文字、颜色、线条、图片等等，其中最基础的就是文字的使用了。在H5页面中，文字字体的使用一直是一个很容易被忽略的模块，企业商家在制作H5是一般都不会太关心文字字体的使用，其实这是个很严重的问题，字体的功用其实各不相同。从呈现正文的强可读性文本，到装饰性极强的视觉化字体，各种不同的字体需要应对不同的功能。在H5的制作过程中，每个细节都是十分重要的。那么，在H5页面中，字体总体上分为哪几种类型呢？

1、手写字体：手写字体通常被认为是手写风格的字体，在呈现的时候，常常会有连写的笔画，更贴近传统的书写字体所呈现出来的效果。手写字体更加随意和有趣，常见的手写字体包括：Alex Brush，Great Vibes，Sofia。

2、展示性字体：展示性字体是一个功能导向型的分类，通常指的是用来作为标题展示、用于海报、徽章等地方的字体，它们表现力更强，视觉特征更突出，直言不讳地说就是为了吸引用户的注意力。常见的展示性字体包括：Algerian，Curlz，Gigi，Umbra。

3、衬线字体：Serif 本身就是衬线的意思，这样的字体字符的末尾通常是会有小的装饰性的衬线。衬线除了装饰性以外，还能强化字体的可读性。常见的衬线字体：Georgia，Times New Roman，Cambria。

4、非衬线字体：也就是 Sans-Serif 字体，它相对而言更加现代，衬线被去掉之后，线条感更强，更加干净，也更加贴合数字时代的一些显示需求。常见的非衬线字体：Helvetica，Montserrat，Gotham。

人们通常会认为，衬线字体更加适宜长时间阅读，它也更多地运用在印刷品上。然而衬线字体的衬线和边角大多更加锐利，在一定程度上会被视作为视觉噪音。在屏幕分辨率尚且达不到要求的时代，衬线字体的显示问题很大。当然，如今屏幕分辨率提高起来之后，这个问题几乎不存在了，只是在小字号和低分辨率和小屏幕上，依然存在这个问题。

企业商家在制作H5页面时，字体的选择其实是多样化的，每种字体都有自己的特点，当然也有适合自己的应用场景，企业在制作H5时，一定要多观察、多揣摩，找到最适合自己H5页面的字体，毕竟适合自己的才是最好的。

h5页面自定义字体_H5页面中常见的字体有哪些相关推荐

h5页面自定义字体_H5页面视觉设计中的字体有哪几种
在H5页面的制作过程中,一般分为H5策划.H5设计.H5程序制作和测试等四个步骤,其中最能带给用户好印象的就是H5设计了.在H5设计中,所蕴含的知识是十分复杂的,所展示的内容也是十分多样化的,如文字. ...
网站设计中常见的字体
文字是网站页面设计中最为重要的元素,根据信息的内容层次关系,通过编排,可以让设计出富有美感和形式感的网页,网页设计中文字的使用要有原则:一个网站设计项目中字体样式不能太多,1-2种即可,不要使用不易识 ...
css如何载入多种字体,在css中包含多种字体的正确方法
我不是一个简单的时刻.哪种方式是在css中包含多种字体的正确方法?这里是简单的例子.在css中包含多种字体的正确方法 This? @font-face { font-family: Delicious ...
php 字体倾斜,CSS中font-style定义字体倾斜体样式的代码示例
本篇文章给大家带来的内容是关于CSS中font-style定义字体倾斜体样式的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.常用斜体语法常用字体样式设置font-st ...
html中加入特殊字体,在html中使用特殊字体
目的:一首诗,要求从右往左读,垂直排列,类似古文效果图: html内容: 在html中使用特殊字体 p{font-size: 54px;} 南歌子词二首柳枝词一尺深红胜曲尘天生旧物不如新合欢 ...
android auto 字体大小,Android中给TextView字体大小用dp还是sp？dp和sp有什么区别？
dp,sp都会根据屏幕ppi显示大小不同. ppi的运算方式是: PPI = (开根号(长度像素数² + 宽度像素数²)) / 屏幕对角线英寸数 dp:Density-independent pixe ...
php的样式怎么设置字体大小,css中如何改变字体大小
在css中,可以使用font-size属性来改变字体大小,该属性可以设置字体大小,语法格式为"font-size:值;".实际上font-size属性设置的是字体中字符框的高度,实 ...
android字体行距,android中怎么调整字体的间距和行间距
在网页中都是很轻松的就可以调整间距的.在android中,我个人并没有去设置过. 下面就来说说android中的间距问题. 原文:http://blog.csdn.net/fancylovejava/ ...
qt linux 程序设置字体,QT程序中显示中文字体解决办法
最近一直在做移植qtopia4.4.3和QT4.7的工作.qtopia已经可以在龙芯开发板上正常运行.搭建QT4.7的环境,使用QT4.7编写小程序,发现不能显示中文.研究了一番,找到了如下的解决方法 ...
php怎么调节字体大小,ps中怎么调整字体大小
ps中调整字体大小的方法:首先打开ps软件:然后单击工具箱中的"字符"面板:最后在调整字体大小的下拉框中选择合适的字体大小,或者直接在属性栏中输入具体的数字来调整字体大小即可. p ...

h5页面自定义字体_H5页面中常见的字体有哪些

h5页面自定义字体_H5页面中常见的字体有哪些相关推荐

最新文章

热门文章