网页设计帮助:网页字体大小数据参考

内容转自网络,我也忘了是哪个角落中找过来的东西,实在不好意思。

对于页面来说,字体的大小设置是比较重要的,网上搜集了一些关于网页中字体大小的数据对比,在这共享出来给大家一起看看,希望对大家在页面制作过程中有所帮助!

Points   Pixels       Ems            Percent
6pt        8px          0.5em        50%
7pt        9px          0.55em      55%
7.5pt     10px        0.625em    62.5%
8pt        11px        0.7em        70%
9pt        12px        0.75em      75%
10pt      13px        0.8em        80%
10.5pt   14px        0.875em    87.5%
11pt      15px        0.95em      95%
12pt      16px        1em           100%
13pt      17px        1.05em      105%
13.5pt   18px        1.125em    112.5%
14pt      19px        1.2em        120%
14.5pt   20px        1.25em      125%
15pt      21px        1.3em        130%
16pt      22px        1.4em        140%
17pt      23px        1.45em      145%
18pt      24px        1.5em        150%
20pt      26px        1.6em        160%
22pt      29px        1.8em        180%
24pt      32px        2em           200%
26pt      35px        2.2em        220%
27pt      36px        2.25em      225%
28pt      37px        2.3em        230%
29pt      38px        2.35em      235%
30pt      40px        2.45em      245%
32pt      42px        2.55em      255%
34pt      45px        2.75em      275%
36pt      48px        3em           300% 

时间: 2024-10-03 18:23:02

网页设计帮助:网页字体大小数据参考的相关文章

CSS网页设计时关于字体大小的设计

在设计网络应用时,您必须决定如何编辑字体.使用CSS时存在大量选项,每个开发者都有自己的喜好.本文主要讨论字体大小和网络应用内的操作.在开发网络应用时,没有比外观更重要的事情了.所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪! 字体大小 CSS2规范根据长度--水平和垂直尺寸--来定义字体.这个长度为一个数值,前面可能带一个可选的加(+)或减(-)标记符.另外,该数值后可能有一个可选的单位标识符. 另外,CSS2规范定义了两个单位类型:绝对单位和相对单位.绝对值指定单位,而相对单位

网页设计者需要了解的_网页字体大小数据参考_经验交流

Points   Pixels       Ems            Percent 6pt        8px          0.5em        50% 7pt        9px          0.55em      55% 7.5pt     10px        0.625em    62.5% 8pt        11px        0.7em        70% 9pt        12px        0.75em      75% 10pt  

网页设计CSS中文字大小的pt、px的区别

先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:而pt就是point,是印刷行业常用单位,等于1/72英寸. 在网页设计css中,经常用到字体,而字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢? 先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:而pt就是point,是印刷行业常用单位,等于1/72英寸. 这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个"点"有多长多大么?可以画的很小,也可以很大.如

HTML网页设计中关于字体设计的详细讲解

设计|网页|网页设计     ●字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面:     字符集的设定.     在查看html文件原代码时,我们经常可以在文件头<head>和</head>之间看到这么一句代码:     <meta http-equiv="Content-Type" content="text/html; charset

HTML网页设计中关于字体设计

 字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 字符集的设定. 在查看html文件原代码时,我们经常可以在文件头<head>和</head>之间看到这么一句代码: <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 这段代码的作用是什

网页设计师参考:网页设计和网页工具网站

作为国内的网页设计师会经常访问一些国外知名的网页设计类网站,有提供网页设计欣赏的灵感类,有提供编码与工具下载的,还有提供网页测试的.这些网站对于网页设计师都十分有用,建议经常关注下. 本文将会展示一些web设计师应该经常会使用到的工具.如果你需要一些灵感,你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子.一些设 计相关的工具,在线生成器,免费字体站点,模板站点都将帮助你更有效率测试和管理站点.记住,并不是什么都亲自完成才是最好的方式,一定程度的借鉴将会让 你以更轻松的方式完成任务. 我

在网页设计中寻找字体之美

  多重字体混合使用不管在哪个行业都是有难度的,尤其是网页设计领域.尽管字体种类成千上万,但是合理的在网页中使用它们不简单呐,所以在面对成千上万的字体时,保持冷静是你应该保持的职业操守,就好比摄影师看见美女一样.有些人说,那我在一个网页中只是用一种字体不就一了百了了吗~错!即使你只是用一种字体那些常见的问题还是会存在.今天我们将和大家分享一些新鲜出炉的网页,这些网页中都是用了两种一上的字体,并且字体样式独特,希望对你有所帮助~ 网页设计中如何混搭字体 Space Needle--这是一个非常受欢

网页设计译文:网页设计中数学的运用

"数学是美妙的."对于在数字和公式面前畏缩的人来说,这听起来也许是荒谬的.但是,从最小的贝壳到最大的漩涡星系,自然界和我们这个宇宙中大部分美丽的东西都呈现出数学特性. 其实,古代最伟大的哲学家之一亚里斯多德曾说过:"数学格外地展现了秩序.对称和极限,而这些是美的极致形式". 由于其美丽的天性, 数学一直以来都是艺术和建筑设计的一部分.但它至今还没有在网站设计中发挥作用.其原因可能是因为我们大多认为数学是创造性的对立面.相反,其实数学可以成为创作创意设计的工具.也就是

网页设计技巧:网页图片的巧妙设计方法

文章描述:浅析网页设计中图片的使用基本原则. @MartinRGB 设计师都知道,行业的核心追求便是打造优秀的视觉效果.实际上,之所以能够成为设计师,是因为我们具备一种技艺,能够满足用户的视觉感受和视觉需求.我们可以听.读.想,我们可以想象出概念.物体以及人:但是这些感受都很抽象,只有实实在在地看到,印象才能定型. 你遇到过从来没见过雪的人吗?可能你也从来没见过雪花飘洒在天空的景象.所以这些人无法理解,到底什么是雪?他们可能会知道原理是因为寒冷而凝结了空气中的水分,落下便形成了雪,可是他们无法真