Google Fonts

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
4 years ago
I am looking for example of using Google Fonts in Nop 4.0
Is it as simple as following the instructions from Google?
What is the path to the font folder for Default Clean?
4 years ago
Hi. Yeah!, is very simple, I use it on first lines of my css:

1 @import url('https://fonts.googleapis.com/css?family=Andika');
2 @import url('https://fonts.googleapis.com/css?family=Rubik|Noto+Sans+HK&display=swap&subset=latin-ext');

On my elements:
font-family: "Andika",sans-serif; 

This fonts not store in local path (...themes/content/fonts) if your theme have it.

I hope was useful!
4 years ago
Or, alternatively to the "CSS import" example above, you can link them as HTML in the head section of your _Root.Head.cshtml file, like this:

<head>
  ...
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet'>
  ...
</head>

Both ways work fine.


Regards
/ Hristo
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.