版权符号 (©) 在 Mac 浏览器上显示得更小



版权符号(©)在我的Mac浏览器上显示得较小。我尝试过©和::before伪元素,但它们在Mac上的呈现比它周围的文本小。我必须插入一个图像才能使其工作吗?

<p class="copyright-text">
&copy;Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>

(注意:SO给了我合适的解释html示例的机会,所以我不得不引用它们)

  1. 您没有告诉我们您使用的字体;也许它没有安装在你的Mac上,并且默认为不同的字体?检查并验证它是否显示了您认为的字体。

  2. 尝试将版权符号的字体更改为固定宽度或键入安全字体;像乔治亚,康索拉斯,或Verdana,像这样:

//样式
版权所有{font-family:Georgia,Consolas,Verdana}

<span class="copyright">&copy;</span>

©版权所有2021,合并的两党集团

<p class="copyright-text">
<span style="font-family: Georgia, Consolas, Verdana">&copy;</span>Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>
  1. 如果将字符集设置为UTF-8,也可以尝试仅使用符号本身(而不是&copy;),如下所示:
meta charset="UTF-8">
span class="copyright">©</span>
<p class="copyright-text">
<span style="font-family: Georgia, Consolas, Verdana">©</span>Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>

©版权所有2021,合并两党集团

更改符号的font-size:__;以调整大小。。。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Copyright Symbol Size</title>
<style>
#copyright-symbol{
font-size: 3em;
}
</style>
</head>
<body>
<p class="copyright-text">
<span id="copyright-symbol">&copy;</span>Copyright <span class="current-year"></span> (company name). All Rights Reserved
</p>
</body>
</html>

相关内容

最新更新