如何在 HTML 中插入粗体引号符号答案

【问题标题】：How to insert bold quote symbols in HTML如何在 HTML 中插入粗体引号符号
【发布时间】：2022-03-21 17:01:16
【问题描述】：

我想插入这个粗体 ❝❞，正如您在 https://fonts.google.com/specimen/Work+Sans?preview.text=%E2%9D%9D%E2%9D%9E%20 上看到的那样：

为此，我很快想到了这个：

* {font-family: 'Work Sans', sans-serif;}

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans&display=swap" rel="stylesheet">
<h1>❝ Something ❞</h1>

问题是当我运行该代码时，显示的是这个：

我错过了什么？哦，当我访问this 网站时，出现更多符号，如下图所示！

【问题讨论】：

标签： html css unicode fonts symbols

【解决方案1】：

我无法找出 Google 字体的问题，但如果您从他们的 website 下载他们的字体，它们应该可以正常工作。
您还可以通过 Inspect Elements 中的“网络”选项卡找到所需的特定字体粗细

【讨论】：

其他符号呢？
他们呢？它们只是这个字体系列中定义的符号。

【解决方案2】：

您可以根据需要使用字体大小和字体粗细，也可以使用图标。

【讨论】：

嘿拉塞尔！这可能是一种选择，但我认为谷歌字体不能做到这一点。我说的对吗？
这是谷歌字体页面的截图：ibb.co/p4JBDZ8

【解决方案3】：

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>HTML</title>
  
  <!-- HTML -->
  

  <!-- Custom Styles -->
  <style type="text/css" media="all">
   b::before{
  content: "\201C"; 
  color: black;
  font-size: 25px;
  font-family: 'Playfair Display', serif;
}

b::after{
  content: "\201D"; 
  color: black;
  font-size: 25px;
  font-family: 'Playfair Display', serif;
}

  </style>
</head>

<body>
 <p> there is <b>Something</b></p>
  <!-- Project -->
  <script src="main.js"></script>
</body>
</html>```

【讨论】：

告诉我你想要什么符号？