Member Avatar for Pravesh_1

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
  • 124 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by cereal
Member Avatar for cereal

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
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.