说到CSS字体加粗,嘿,这其实超级简单!咱们主要用的就是font-weight这个属性。它主要控制字体的粗细,常见的值有normal(正常)和bold(加粗)。你可以这样用:
style="font-weight:bold",比如段落或者标题里,哎,就是直接给它个“粗”的标签。 p {
font-weight: bold;
}
这样所有<p>标签里的文字都会变粗啦。而且,它支持从100到900的数值,900是最粗的那种超帅气字体,加粗效果马上就出来!
说真的,如果你想字体特别突出点,设成900绝对没错,但注意,不是所有字体都支持超重字体,部分字体可能无法显示那么粗,得看你用的字体哦。

说到做像素风,感觉有点怀旧又超酷呢!要让字体变成像素风格,主要靠font-family来选那些带点复古风的字体,比如“Press Start 2P”就是超有名的像素风字体。步骤大致如下:
font-family指定这个字体名,比如:.pixel-text {
font-family: 'Press Start 2P', monospace;
font-size: 16px; /* 像素字体大小,建议稍微调大一点 */
}
font-size让字体大小刚刚好,通常会用具体像素值,比如14px、16px这样,这样像素感十足,看起来超跟怀旧一样。 另外,如果你特别想自带字体,那就要用@font-face规则,自己把字体文件放进项目,然后通过CSS加载它(后面咱们会聊到怎么用@font-face)。
说白了,就是:
就ok啦!

其实啊,最简单就是用font-weight: bold;这句代码,放在哪儿都能马上让字体加粗。不管是段落、标题还是别的啥标签,直接一丢过去,立马变粗!要是想更粗,try试试数字900,但有时候字体不支持哦。
嘿,关键就是用像“Press Start 2P”这种专门设计的像素字体!装了这个字体,然后CSS里用font-family写明它,还得调好font-size,一般大小越合适,像素感越清晰,真有游戏怀旧的味道呢。
你可以用color属性来改颜色,超级简单!比如color: red;就让文字变成红色。如果你想在网页里多处用不同颜色,可以给每处文字单独加个class,然后分头用color定义颜色,就灵活得很!
哎呀,这个稍微讲点窍门哈!中文字体文件一般比较大,直接嵌入会影响加载速度。还有,你得确定访问你网站的用户那边也能支持你的字体,或者用@font-face把字体文件放到服务器上。平时想看效果,电脑本地装个字体也行,就是别太大,别卡顿。写CSS时名字得跟字体实际文件名对应,别弄错了。
添加评论