load font internally in magento

Question

For security reasons, Browsers blocked any external unsecured links. In my case my website can not load some of Google fonts.

Can you guys advise how to load any customized fonts internally from my magneto theme?

Thank you

Answer 1

You can load google fonts from both http and https like so

<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Otherwise download the font and use them like so

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url("../fonts/OpenSans-Regular.ttf");
}