【WAP建站】手机网站设计字体大小

设计师在设计手机网站时要解决各式各样的问题,比如手机网站页面的设计、图片的选择,还有今天我们要讲的主题:字体的选择...

设计师在设计手机网站时要解决各式各样的问题,比如手机网站页面的设计、图片的选择,还有今天我们要讲的主题:字体的选择。字体涉到各行各业,在设计领域的应用范围很广泛,除了我们常见的平面设计外,网页设计对字体是有一定的规范的,其主要的元素主要有三点。

手机网站设计

1、手机网站字体的使用
网页字体的使用一般选择宋体或微软雅黑等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果没有设置任何字体,手机网页将以这两种标准字体显示。同时,这两种字体也可以在任何操作系统和浏览器里正确显示。windows另外自带了40多种英文字体和5种中文字体。这些字体,也可以在网页里自由使用和设置;

2、手机网站字体的大小设置
网页中字体大小不要乱设置,最好以系统默认为宜,一般是14PT,现在网络上最流行的小中文字体大小为9pt。CSS3规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加(或减标记符。另外,CSS3规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。

3、手机网站设计字体的特殊性
由于手机屏幕的大小不定,各种品牌手机的屏幕尺寸和分辨率差异很大,因此,手机网站设计字体的特殊性与PC网站相比,通常采用相对大小的字体最为合适。在手机网站字体的设计中,通常会设置手机网站最基本的字体大小,例如14PX,而其他的字体则相对于基本字体用em或rem作为单位,用相对于基本字体的大小来确定手机网站页面的字体。由于不同的手机的屏幕分辨率对于14PX字体的显示大小是不同的,因此采用相对字体是比较合适的。em和rem有什么区别呢?em是相对于整个字体设置的,而rem是相对于所在DIV块之内基础字体的大小,如果对于DIV块没有特殊的设定,那么rem也就是相对于整个的字体设置了。因此,设计师在设计手机网站时,要考虑到字体的相对性,相对基础字体的比例尽量控制在小数点后一位,否则前端工程师在进行手机网页制作时,更加容易确定网页的字体大小,也会提高手机网页整体的比例平衡,用户感受会更加到位!

以上是手机网站设计字体大小的相关内容,对于手机建站的企业而言,可能不太理解太具体的技术问题,但毕竟要和技术人员打交道,多了解些技术问题对于手机网站建设的进程有利。网站设计师是必须要了解得,否则设计出的手机网站会和上线的网站有差异,起不到预期的展示效果。作为专业的手机建站公司,建站行为多家企业完成手机网站制作服务,深受客户的好评。如果有手机网站制作的需求,可以第一时间联系建站行,我们将竭诚为您服务!

推荐阅读:【WAP建站】手机网站布局设计