Trying to add the Information emoji to webpage-CodePudding

I'm trying to add the white i on blue button information emoji to a webpage and I'm only seeing the i on a white background. Hoping someone can help.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset=“UTF-8”>
</head>
<body>
    
<p>For more information <a href="faqs.html#faq5">&#x2139;</a></p>

</body>
</html>

CodePudding user response：

You missed the meta charset on the top. Don't forget to include that. Also from your question it seems like you missed the color style. Here's the full code

a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  background-color: #00a6ed;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  border-radius: .5rem;
}

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="../css/global_styles.css" rel="stylesheet" />
  <meta charset=“UTF-8”>
</head>

<body>
  <p><a href="faqs.html#faq5">i</a></p>
</body>

</html>