提问者:小点点

将h1内部更改为#F50569颜色时出现问题


这是我的工作的截图,[1]:https://I.stack.imgur.com/iwbdj.png,我在h1里面填“领养我”有问题,我用的是谷歌字体“Londrina Shadow”,我想填这个颜色“#f50569”,我还是个初学者,所以我真的需要你的帮助。

谢谢。

null

h1
{
    font-family: 'Londrina Shadow', cursive;
    font-size: 60px;
    : #f50569;
}

null


共3个答案

匿名用户

您的意思是使用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>