How to display the Unicode character in boot block 3?

Question

I have this code

.progress-button .content::before {
    content: "\e601";
}

.progress-button .content::after {
   content: "\e601";
}

It basically returns the value "\e601"to the check mark and "\e600"to the sign X, the code works well in regular HTML / CSS, but when I implemented it in Bootstrap 3, it shows a square sign instead. Can someone shed me some lights? Thanks in advance!:)

Answer 1

You will need to add the line below in your heading and define a font family wherever you use these Unicode characters in your custom css file. Then only you can see the icon you need.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

See more details.