0

I want below code working on my local .. How I can do this ?

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

Edited by Pravesh_1

2
Contributors
1
Reply
10
Views
3 Years
Discussion Span
Last Post by cereal
0

I'm not sure I've understood your request. But if you open the above stylesheet you will see:

@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  src: local('Patua One'), local('PatuaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/patuaone/v4/yAXhog6uK3bd3OwBILv_SD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

You can paste the above in your stylesheet and remove the link to Google. Then if you download and install the font in your system the @font-face rule will check your system and only if it does find the font it will connect with the remote system.

Now, accordingly to the Google Fonts FAQ you can download the font and use it in your local system or in your web server:

So you could even change the url() in the src: attribute, with your server, for example:

http://localhost/fonts/PatuaOne-Regular.ttf 

In order to download the file, open the font page and click on the download icon (right side of the page):

Edited by cereal

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.