• Home
  • Archive
  • Tools
  • Contact Us

The Customize Windows

Technology Journal

  • Cloud Computing
  • Computer
  • Digital Photography
  • Windows 7
  • Archive
  • Cloud Computing
  • Virtualization
  • Computer and Internet
  • Digital Photography
  • Android
  • Sysadmin
  • Electronics
  • Big Data
  • Virtualization
  • Downloads
  • Web Development
  • Apple
  • Android
Advertisement
You are here:Home » How To Use Google Font Locally

By Abhishek Ghosh August 25, 2014 11:54 am Updated on August 25, 2014

How To Use Google Font Locally

Advertisement

If Google can supply your data to NSA, you definitely can do reverse engineering! Here is How To Use Google Font Locally Maintaining the Law. Google officially answers the question “Can I download the fonts on Google Fonts to my own computer?” as yes. In other words, if the Font itself is of Open Source (i.e. the moron developer like me has added GNU GPL 3.0 License before adding to their library) or if you have Paid for the font for the purpose (they are not available via Google Font Library but other services). The question answer can be found here :

Vim
1
https://developers.google.com/fonts/faq

We do neither download and use Google’s any font or use their scripts.

 

How To Use Google Font Locally – Understand the Basics

 

There are lot of reasons why you will want to use an open source font delivered from your own server. When you are seeking with the key phrase How To Use Google Font Locally, that simply means that you have yet not understood a basic thing – most of these fonts come with fully open source license, because they are not developed by Google. The developers usually make the fonts available elsewhere. You must read these articles – Fonts : Resources and Types of According to License; Serving Fonts from Rackspace Cloud Files CDN; How To Use Any Web Font From Own Hosted Library and Base64 Encoding for Font CSS.

Advertisement

---

In other words, before doing the tougher way – trying to download the Google Font on your computer; you should search the web with the name. There is enough chance that the Font is available under GNU GPL 3.0 or compatible License. It will save your huge time.

How To Use Google Font Locally

 

How To Use Google Font Locally – Methods

 

Take that, I suddenly liked Lato Thin 100. The reason to like is nothing but it looks like premium font Proxima Nova, these slick fonts looks great on Retina Display screens. Instead of using Google Fonts or doing tougher reverse engineering, you can fully legally download the fonts from the developer’s website :

Vim
1
http://www.latofonts.com

Cur­rently, the Lato fonts on Google Fonts are still the older 1.0 ver­sion. If you™d like to use the new 2.007 ver­sion on your web­site, you need to install a œself-‹‹hosted web­font kit on your server. We do not pro­vide sup­port or instruc­tions how to install these fonts on your web­site! You need to fig­ure it out on your own!

The developers uses Google Font to get back link and popularity. How you will use is written in the linked guides. We love Base64 encoded fonts. You can use skip that complexity. Still in short :

Vim
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# an arbitrary example
http://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic|Candal
# It links to a CSS defining the fonts via @font-face, translating it to local CSS
/* This is Your CSS File */
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: local('Cantarell Bold'), local('Cantarell-Bold'), url(http://themes.googleusercontent.com/static/fonts/cantarell/v3/Yir4ZDsCn4g1kWopdg-ehHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
/* Your CSS File Ends */
# Let us download the font. create a directory (we are assuming its a wordpress theme) inside current
# theme's directory and name it as fonts
/* This is Your CSS File */
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: local('Cantarell Bold'), local('Cantarell-Bold'), url(../font/Cantarell-Bold.ttf) format('woff');
}
/* Your CSS File Ends */

If you want to use a bash script to download Google Font, here is readymade way :

Vim
1
https://gist.github.com/AbhishekGhosh/f1005e4f915eb5e4137c

Quite peculiarly, the original bash script had no Open Source license. It is a moral crime to use such Closed Source Licensed script on GNU Linux machines. Basically it is not required in most cases, still, here is how to run it :

Vim
1
2
3
4
5
# download it and save at $HOME, take that the file's name is fonts.sh
# chmod it (os x, all linux and bsd)
chmod +x fonts.sh
# run it
./fonts.sh

That is all you were probably searching for.

Tagged With use google fonts locally windows , can i install google font locally on server , use google fonts locally , https://developers google com/fonts/faq , how to save the cdn google fonts codings locally in project , how to download and use google fonts css , google fonts locally , google font local , download font google localy , Using google fonts locally
Facebook Twitter Pinterest

Abhishek Ghosh

About Abhishek Ghosh

Abhishek Ghosh is a Businessman, Surgeon, Author and Blogger. You can keep touch with him on Twitter - @AbhishekCTRL.

Here’s what we’ve got for you which might like :

Articles Related to How To Use Google Font Locally

  • Nginx WordPress Installation Guide (All Steps)

    This is a Full Nginx WordPress Installation Guide With All the Steps, Including Some Optimization and Setup Which is Compatible With WordPress DOT ORG Example Settings For Nginx.

  • Changing Data With cURL for OpenStack Swift (HP Cloud CDN)

    Changing Data With cURL For Object is Quite Easy in OpenStack Swift. Here Are Examples With HP Cloud CDN To Make it Clear. Official Examples Are Bad.

  • Steps To Install Nginx Plus on Ubuntu Server (HP Cloud)

    Here Are the Steps To Install Nginx Plus on Ubuntu Server Running on HP Cloud. Nginx Plus is the Paid Version of Nginx with Extra Features.

  • WordPress & PHP : Different AdSense Units on Mobile Devices

    Here is How To Serve Different AdSense Units on Mobile Devices on WordPress With PHP. WordPress Has Function Which Can Be Used In Free Way.

performing a search on this website can help you. Also, we have YouTube Videos.

Take The Conversation Further ...

We'd love to know your thoughts on this article.
Meet the Author over on Twitter to join the conversation right now!

If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.

Contact Us

Subscribe To Our Free Newsletter

Get new posts by email:

Please Confirm the Subscription When Approval Email Will Arrive in Your Email Inbox as Second Step.

Search this website…

 

Popular Articles

Our Homepage is best place to find popular articles!

Here Are Some Good to Read Articles :

  • Cloud Computing Service Models
  • What is Cloud Computing?
  • Cloud Computing and Social Networks in Mobile Space
  • ARM Processor Architecture
  • What Camera Mode to Choose
  • Indispensable MySQL queries for custom fields in WordPress
  • Windows 7 Speech Recognition Scripting Related Tutorials

Social Networks

  • Pinterest (24.3K Followers)
  • Twitter (5.8k Followers)
  • Facebook (5.7k Followers)
  • LinkedIn (3.7k Followers)
  • YouTube (1.3k Followers)
  • GitHub (Repository)
  • GitHub (Gists)
Looking to publish sponsored article on our website?

Contact us

Recent Posts

  • What is Database ArchivingDecember 1, 2023
  • Problems of Search EngineDecember 1, 2023
  • How Search Engine WorksNovember 30, 2023
  • Data Mining: An OverviewNovember 30, 2023
  • What is Meant by Doxing?November 29, 2023
PC users can consult Corrine Chorney for Security.

Want to know more about us?

Read Notability and Mentions & Our Setup.

Copyright © 2023 - The Customize Windows | dESIGNed by The Customize Windows

Copyright  · Privacy Policy  · Advertising Policy  · Terms of Service  · Refund Policy