如何在 HTML 中插入粗体引号
How to insert bold quote symbols in HTML
我想插入这个粗体❝❞,正如您在 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 网站时,出现了更多符号,如下所示!
您可以根据需要使用字体大小和字体粗细,也可以使用图标。
我找不到 Google 字体问题,但如果您从他们的 website 下载他们的字体,他们应该可以正常工作。
您还可以找到特定的字体粗细您需要通过 Inspect Elements 中的 Network 选项卡
<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: "1C";
color: black;
font-size: 25px;
font-family: 'Playfair Display', serif;
}
b::after{
content: "1D";
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>```
我想插入这个粗体❝❞,正如您在 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 网站时,出现了更多符号,如下所示!
您可以根据需要使用字体大小和字体粗细,也可以使用图标。
我找不到 Google 字体问题,但如果您从他们的 website 下载他们的字体,他们应该可以正常工作。
您还可以找到特定的字体粗细您需要通过 Inspect Elements 中的 Network 选项卡
<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: "1C";
color: black;
font-size: 25px;
font-family: 'Playfair Display', serif;
}
b::after{
content: "1D";
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>```