Bootstrap templates cannot show the £ sign

I’m trying out a number of Bootstrap 4 templates where all prices are shown in USD ($). When I try to change that to the ‘£’ symbol I get ‘�’.
The meta charset tag specifies utf-8 and the language as “en”.
I’m obviously missing something - any help much appreciated.

Hello oldcelt,

It will depend on how the symbol is rendered. I usually use Font Awesome for icons such as currency symbols. I am just used to it:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"></head>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<body>

<div class="container">  
  <h1>Pound Sign <i class="fas fa-pound-sign"></i></h1>
</div>
</body>
</html>

Otherwise, if you want to avoid that, I know Bootstrap 3 is stable with icons.

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

  <p>GBP icon: <span class="glyphicon glyphicon-gbp"></span></p> 

Hope this helps

You shouldn’t need an icon font for something as basic as a currency symbol. How is that pound sign being substituted in the first place? Might be an editor-specific problem.

It might be the file encoding. If you are using something like notepad to edit the file you may have to change the Encoding from ANSI to UTF-8 (although I think newer versions of Windows saves the file as UTF-8 by default).