Trying to add the Information emoji to webpage

March 8, 2022

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>

>Solution :

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>