您现在的位置:主页 > I生活画 >CSS教学-fontweight 属性让网页内建的繁中字型也有极细黑、 >

CSS教学-fontweight 属性让网页内建的繁中字型也有极细黑、

栏目:I生活画 | 来源:http://www.am1885.com | 时间:2020-06-06

当今天在设计网页时,网页的字型就是那101款,自从有了云端字型后,才让网页字型有了不一样的变化,但云端字型并非免费,当网站的流量愈大,相对的费用也愈高,因此这时可选择Google的云端字型,虽然免费且也没流量限制,但在网页一开始载入时,则会有些缓慢,其实早在CSS1.1的时代中,就可透过一些文字属性,来设定字型与字体的变化,透过这种方式来设定字型,则会自动载入使用者电脑中的字型作显示,因此完全不会有迟缓的问题,再加上现在的Windows内建也都有微软体中黑,因此这也让网页字,从原来的新细明体,多了一组新选择。

CSS教学-fontweight 属性让网页内建的繁中字型也有极细黑、

除了透过CSS来指定字型外,其实在CSS的文字属性中,还有一个相当重要的属性,那就是font-weight,透过font-weight可设定文字的粗细变化,让繁中字型也有极细黑、中黑以及粗黑,而一般大家往往都会乎略这个属性,以为只有正常跟粗体,其实font-weight中共有九组不同的粗细变化,因此要如何来设定,现在也一块来看看啰!


font-weight

值描述normal预设值。bold粗体。100200300400500600700800900一共有九变化,从100~900,而normal预设是400,bold粗体是700。inherit继承父层元素。

接下来实际来试试看,分别从100~900,就可清楚的看出,不一样粗细的字型变化,同时在设定100~900后方是无需加任何的单位,只需单纯填入数字即可,有了font-weight这属性,让网页字型更有变化呀!且设定更简单,因此下回不妨可试看看啰~

上一篇:
下一篇: