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

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%

赞 (0)

相关推荐

  • 网页设计者需要了解的_网页字体大小数据参考

    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  

  • js简单实现调整网页字体大小的方法

    本文实例讲述了js简单实现调整网页字体大小的方法.分享给大家供大家参考,具体如下: //var tgs = new Array('div','td','tr'); var tgs = new Array('td','tr'); //Specify spectrum of different font sizes: //var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );

  • JQuery 改变页面字体大小的实现代码(实时改变网页字体大小)

    复制代码 代码如下: /* 对页面上的字体增大.缩小.恢复原始大小 需要在html页面中定义三个元素 元素的class分别为 resetFont.increaseFont.decreaseFont 在本文件的JQuery事件中分别定义了三个元素的click事件来实现增大.缩小.恢复原始大小 */ $(function () { //取得字体大小,在html标记下定义了font-size var originalFontSize = $("html").css("font-si

  • jquery实现实时改变网页字体大小、字体背景色和颜色的方法

    jquery实现实时改变网页字体大小、字体背景色和颜色的方法

    本文实例讲述了jquery实现实时改变网页字体大小.字体背景色和颜色的方法.分享给大家供大家参考.具体如下: 这里使用jquery实时改变字体大小.字体背景色和颜色,JQUERY让很多事变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

  • 网页的HTML静态化_网站优化之谈

    主要原因是:对于各种语言(ASP,PHP,JSP,CGI,.NET)动态页面经常采用多个页面来组成一个主页面,拿网站的首页来说:通常是把LOGO等头部分定义为一个页面,尾部版权部分也定义一个页面,主要是为了其他页面也可以方便的调用.所以网站的首页部分只用了一段代码调用了文件,也就少了很多搜索引擎要抓的关键字. 由于大量动态网页的存在,使得有些全动态网页的网站失去很多被用户发现的机会.为了网络营销的需要,如果网站无法全部用静态网页实现,应采用静动结合的基本方式,即能用静态网页解决的决不用动态网页,

  • 做网页字体大小参考 网页中同字号字体的不同单位对比列表

    对于WEB前端页面开发,字体大小的设置是比较重要,这里找到了一些关于字号大小的数据,共享出来备以后参考,也希望能对大家有用! Points   Pixels       Ems            Percent 6pt        8px          0.5em        50% 7pt        9px          0.55em      55% 7.5pt     10px        0.625em    62.5% 8pt        11px      

  • 腾讯QQ网页在线客服，随网页滚动条上下移动的效果一

    腾讯QQ网页在线客服，随网页滚动条上下移动的效果一

    该特效需要用到相关的图片,比如那个效果的皮服,请各位自行将相关的图片下载到本地使用. 腾讯QQ网页在线客服,随网页滚动条上下移动的效果一 function picsize(obj,MaxWidth){ img=new Image(); img.src=obj.src; if (img.width>MaxWidth) { return MaxWidth; } else { return img.width; } } function CloseQQ() { divStayTopleft.style

  • js实现动态改变字体大小代码

    在很多大网站上为了提高用户方便阅读文字,都提供有字体大小选择功能,以适应不同年龄段人群的阅读需求,其实这种功能实现起来也很简单,修改起来也方便,字体大号由你来定,默认字体大小可以CSS页面中定义,一般网页的标准字体是9pt,也就是12px: 实例代码一: <!DOCTYPE html> <html> <head> <title>修改字体大小.html</title> <meta http-equiv="keywords"

  • 通过JavaScript控制字体大小的代码

    为了此代码到您的网页必须使用像素大小的字体(PX),而不是相对大小的字体,使用"EM"或"%".当然如果你使用其他字体单位的代码可以很容易地适应这些.如果脚本不能找到一个段落的字体大小,它会默认为12px.核心代码: 复制代码 代码如下: var min=8;var max=18;function increaseFontSize() {   var p = document.getElementsByTagName('p');   for(i=0;i<p.l

  • PyQt5 实现字体大小自适应分辨率的方法

    最近遇到一个现象,将做好的软件放在更高分辨率的电脑上运行,会导致字体显示不完全,出现被控件遮挡的情况.具体原因可以上网查询,在这里将记录下解决方法. 这里记录两种方法,如果使用的Qt版本在5.6.0之后,可以支持High_DPI,应用设置该属性即可:如果不支持,可以为应用设置自适应字体. if __name__ == "__main__": v_compare = QVersionNumber(5,6,0) v_current,_ = QVersionNumber.fromString

随机推荐