• 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

This Article Has Been Shared 337 Times!

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

  • How passwords work maintaining your online security

    How passwords work? How hackers crack the passwords to invade systems? How the encryption of passwords are done? Everything explained regarding passwords.

  • What is Google’s cache?

    Google’s cache of your website is a copy of your pages stored in Google’s servers.

  • Hybrid Security for Hybrid Cloud

    Hybrid Security for Hybrid Cloud – Securing a hybrid cloud, poses great challenges. Not only for the users but also for the providers, it is not enough simple.

  • What We Mean by Web Standards ?

    Web standards is a generalized terminology used to refer the current standard and specification that define, describe technical aspects of the World Wide Web.

  • How to Share Files and Folders Between Windows and Mac or Linux

    How to Share Files and Folders Between Windows and Mac or Linux ? Normally users uses a router to connect. But you can use Wi-fi, Bluetooth or other cables too.

Additionally, 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 (22.1K 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

  • How To Pick a Blog Niche That Makes Money August 12, 2022
  • How to Generate More Content for Your Website? August 12, 2022
  • Are You Paying Too Much for Cloud Services? August 11, 2022
  • Facts to Know About Online Casinos in Malaysia August 11, 2022
  • Suspend Execution For Cached Apps : Improve Battery Life of S22 Ultra August 10, 2022

About This Article

Cite this article as: Abhishek Ghosh, "How To Use Google Font Locally," in The Customize Windows, August 25, 2014, August 13, 2022, https://thecustomizewindows.com/2014/08/use-google-font-locally/.

Source:The Customize Windows, JiMA.in

This website uses cookies. If you do not want to allow us to use cookies and/or non-personalized Ads, kindly clear browser cookies after closing this webpage.

Read Privacy Policy.

PC users can consult Corrine Chorney for Security.

Want to know more about us? Read Notability and Mentions & Our Setup.

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

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

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT