这是我的工作的截图,[1]:https://I.stack.imgur.com/iwbdj.png,我在h1里面填“领养我”有问题,我用的是谷歌字体“Londrina Shadow”,我想填这个颜色“#f50569”,我还是个初学者,所以我真的需要你的帮助。
谢谢。
null
h1
{
font-family: 'Londrina Shadow', cursive;
font-size: 60px;
: #f50569;
}
null
您的意思是使用color:#f50569;
?
null
h1
{
font-family: 'Londrina Shadow', cursive;
font-size: 60px;
color: #f50569;
}
<h1>Adopt Me</h1>
要设置文本颜色,可以使用color
属性:
h1
{
font-family: 'Londrina Shadow', cursive;
font-size: 60px;
color: #f50569;
}
这就是你想要的吗?
“Londrina Shadow”字体仅由轮廓组成。 没有办法用颜色填充轮廓之间的空白,因为这些区域不是字体字形的一部分。
然而,还有另一种字体; “Londrina solid”,形状相同,但外表坚实,而不是轮廓。
您可以分层这两种字体,以创建填充和概述的效果。
null
h1 {
font-family: 'Londrina Solid', cursive;
color: orange;
font-size: 50px;
position: relative;
}
h1:after {
content: "Lorem ipsum";
font-family: 'Londrina Shadow', cursive;
color: black;
position: absolute;
left: 0;
}
<link href="https://fonts.googleapis.com/css2?family=Londrina+Shadow&family=Londrina+Solid&display=swap" rel="stylesheet">
<h1>
Lorem ipsum
</h1>