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页面视觉设计中的字体有哪几种相关推荐
- html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示?
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...
- wordpress 自定义_如何在WordPress中添加自定义字体
wordpress 自定义 Do you want to add custom fonts in WordPress? Custom fonts allow you to use beautiful ...
- app css导入字体大小,app设计中的字体行高
参考文章:https://www.jianshu.com/p/23963b31915d 在ui设计的过程中由于字体行高的导致设计的还原出现问题的地方挺多的. 例如我再sketch中设计两个16px的字 ...
- win10修改系统字体(替换OneNote中Calibri字体)
微软的OneNote还是很好用的,但是字体问题一直是一个吐槽点. 我自己就去微软官网吐槽了好几次,然而并没有什么用.我说设置默认字体为consolas完全无法生效,再次输入笔记时,中文自动改为微软雅黑 ...
- css引入本地字体文件,关于css中引入字体文件
关于css中引入字体文件 css样式代码: @font-face { font-family: Lovelo-Black;//定义font的名字 src: url(font/Lovelo Black. ...
- matlab显示字体颜色,在Matlab中显示字体颜色
我正在尝试创建一个数字(转换为字符串)的数组,并在阈值下降的下方,对于我当前使用0.5的测试.我需要我的桌子上的每个值的字体都落在我的门槛上,以红色显示,在我目前的代码中,我只使用2列,但我将使用10 ...
- html5字体修改webview,WebView中修改字体
一般情况下我们做加载网页都是返回一个url,我们进行加载.各种各样的样式都已经在网页中做了处理.但是,也会碰到一些情况,需要我们加载代码片段.还有修改一些样式,比如:修改网页中的字体.当然,本文中的修 ...
- unity 发光字体_Unity3D 设置OnGUI中的字体样式、字体颜色、字体大小等
1:字体样式 从系统盘,如C:\Windows\Fonts找一个.ttf格式的字体库,放到Assets目录下. 此时选中该字体库,在Inspector面板可以修改字体的大小,试了一下修改字体的颜色(F ...
- HTML中placeholder字体颜色,修改input中placeholder字体颜色方法
如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的. ...
最新文章
- 面向Mobile device的CNN模型手工设计与NAS分析总结,MobileNet V1,V2,V3,Efficient,MNasNet以及Efficient network design
- Linux数据报文接收发送总结7
- mysql对称连接什么意思_对称加密与非对称加密的区别是什么
- Python day 9(3) 定制类
- 为checkedListBox赋值并 遍历checkedListBox中选中的值
- VC6 SDK 下载
- CronTrigger 示例 1
- usb声卡驱动_最适合专业音乐人网络直播的声卡型号
- Windows7 专业版 IE8 升级 IE11--离线安装
- 基于java软件工程专业教辅平台课程子系统计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署
- 用计算机怎么打出箭头,电脑左箭头怎么打出来(电脑键盘怎么打符号)
- POI导出Excel(用户自己选择路径)
- SpringBoot Poi导出word,浏览器下载
- 中国智慧生活博览会(CEE 2017)—数字世界亚洲博览会会刊(参展商名录)
- aptos中文版白皮书-前Facebook团队打造明星公链,三个优势:Move语言、Move虚拟机、合约可升级
- GOF 面向对象 23 种设计模式详解
- qt程序在Linux下字体乱了,QT5程序字体渲染的问题
- Ubuntu解决播放wmv格式视频
- 华大单片机HC32L136定时器时间如何计算
- s8 android10,三星S8和Note 8不会获得Android 10升级