html默认字体（H5页面中字体大小动态配置）

本文目录

• H5页面中字体大小动态配置
• 在html中，默认的字体大小是多少
• Html网页英文要用什么字体

H5页面中字体大小动态配置

html 元素是文档的根元素，对html设置了字体大小，其子元素会继承html字体的大小。

不同的浏览器默认有的默认html的字体是16px，有的是14px。

同时浏览器字体的大小还会受到你自己在手机里配置的系统字体大小的影响。

这么多因素，如果只靠css里配置html字体大小，子元素基于html的rem是不能保证在不同的手机端适配的。

所以可以通过js动态来计算html应该配置多大的字体。

《script》

    function htmlFontSize() {

        var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);

        var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);

        var width = w 》 h ? h : w;

        width = width 》 720 ? 720 : width;

        var fz = ~~(width * 100000 / 36) / 10000/2;

        document.getElementsByTagName("html").style.cssText = ’font-size: ’ + fz + "px";

        var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")).fontSize.replace(’px’, ’’) * 10000) / 10000;

        if (fz !== realfz) {

            document.getElementsByTagName("html").style.cssText = ’font-size: ’ + fz * (fz / realfz) + "px";

        }

    }

    htmlFontSize();

    《/script》

在js计算出html的字体大小以后，就可以在这个基础上配置各子元素的字体大小了。

html的字体大小设置为font-size100px原因:

html{font-size:100px;}

h1{font-size: 0.16rem;//100*0.16=16px }

.cc{font-size:0.14rem;//14px}

又为什么要把html的font-size设置成50px:

因为设备像素比有2的，还有3的，我们按照设备像素比是2的开发，如果html{font-size:50px;}那么设计稿ui中得头部header的高度是86px:height:0.86rem.(即：50px*0.86rem=43px，那么到了设备像素比是2的设备上，header的高度就是86px)这样就省去了除以2的计算。

在html中，默认的字体大小是多少

在html中，默认的字体大小是14px。

HTML为一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

扩展资料：

HTML介绍

HTML用来标记Web信息如何展示以及其他特性的一种语法规则，它最初于1989年由GERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义，简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据，所以很早就得到各个Web浏览器厂商的支持。

一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.htm为扩展名。可以使用任何能够生成TXT类型源文件的文本器来产生超文本标记语言文件，只用修改文件后缀即可。

Html网页英文要用什么字体

Html网页英文要用的字体有很多。如下参考：

1、网页字体样式华文黑体：STHeiti

2、网页字体样式华文楷体：STKaiti

3、网页字体样式华文宋体：STSong

4、网页字体样式华文仿宋：STFangsong

5、网页字体样式黑体：SimHei

6、网页字体样式宋体：SimSun

7、网页字体样式新宋体：NSimSun

8、网页字体样式仿宋：FangSong

9、网页字体样式楷体：KaiTi

10、网页字体样式仿宋_GB2312：FangSong_GB2312

11、网页字体样式楷体_GB2312：KaiTi_GB2312

12、网页字体样式微软正黑体：Microsoft JhengHei

13、网页字体样式微软雅黑体：Microsoft YaHei

14、网页字体样式隶书：LiSu

15、网页字体样式幼圆：YouYuan

16、网页字体样式华文细黑：STXihei

17、网页字体样式华文楷体：STKaiti

18、网页字体样式华文宋体：STSong

19、网页字体样式华文中7a64e59b9ee7ad9431333366306434宋：STZhongsong

20、网页字体样式华文仿宋：STFangsong

21、网页字体样式方正舒体：FZShuTi

22、网页字体样式方正姚体：FZYaoti

23、网页字体样式华文彩云：STCaiyun

24、网页字体样式华文琥珀：STHupo

25、网页字体样式华文隶书：STLiti

26、网页字体样式华文行楷：STXingkai

27、网页字体样式华文新魏：STXinwei

扩展资料：

HTML内容描述

《 pre 》 《 / pre 》预格式化文本(英文名称:pre)

下划线

大胆的

《 I 》 Italics

typewritter-style字体

引用》引用，通常用斜体

强调文本(通常是斜体和粗体，英语全:强调)

较重的文本(通常是斜体和粗体)

将字体大小设置为1到7，并使用名称的十六进制值或RGB作为颜色

BASEFONT标记

字体大小

字体大小

加删除线

《 CODE 》 《 / CODE 》 CODE

键盘(英文全称:KeyBoarD)

样本

变量(全名:VARiable)

右缩进(右缩进，块引用)

定义

地址标签

上标

下标

《 XMP 》…《 / XMP 》;固定宽度字体(文件空白，换行，定位功能有效)

《明文》…《 /明文》;固定宽度字体(无标记)

《清单》…定宽小字体

《 font color = 00 ff00 》…《 /字体》。的字体颜色

《 font size = 1 》…《 /字体》。字体大小等于1(最小)。

《 font style = "font, size: 100 px ’》…"《 /字体》。字体样式等于无限增加(100像素)