{"id":1084,"date":"2013-10-09T12:55:49","date_gmt":"2013-10-09T12:55:49","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=1084"},"modified":"2022-02-17T07:14:03","modified_gmt":"2022-02-17T07:14:03","slug":"google-fonts","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/text-css\/google-fonts","title":{"rendered":"Google Fonts"},"content":{"rendered":"<h4>\nUsing Google Fonts Offline<\/h4>\n<p>Find the font you want to use and find the Google recommended link to use (in the &#8220;Standard&#8221; tab). &nbsp;e.g.<\/p>\n<pre><code>\n&lt;link href='http:\/\/fonts.googleapis.com\/css?family=VT323' rel='stylesheet' type='text\/css'&gt;\n<\/code><\/pre>\n<p>Enter the URL portion into your browser and get the resulting css, e.g.<\/p>\n<pre><code>\nhttp:\/\/fonts.googleapis.com\/css?family=VT323\n<\/code><\/pre>\n<p>gives:<\/p>\n<pre><code>\n@font-face {\n  font-family: 'VT323';\n  font-style: normal;\n  font-weight: 400;\n  src: local('VT323'), local('VT323-Regular'), url(http:\/\/themes.googleusercontent.com\/static\/fonts\/vt323\/v4\/LfMzj2MWAZU6qzlnp1MNbg.woff) format('woff');\n}\n<\/code><\/pre>\n<p>Copy the URL portion and put it in your browser to download it, e.g.:<\/p>\n<pre><code>\nhttp:\/\/themes.googleusercontent.com\/static\/fonts\/vt323\/v4\/LfMzj2MWAZU6qzlnp1MNbg.woff\n<\/code><\/pre>\n<p>causes this file to be downloaded:<\/p>\n<pre><code>\nLfMzj2MWAZU6qzlnp1MNbg.woff\n<\/code><\/pre>\n<p>Store the file on the local web server.<\/p>\n<p>Now modify the default css with the new url to the font and add it to the TOP of your css file or page, e.g.<\/p>\n<pre><code>\n@font-face {\n  font-family: 'VT323';\n  font-style: normal;\n  font-weight: 400;\n  src: local('VT323'), local('VT323-Regular'), url(fonts\/LfMzj2MWAZU6qzlnp1MNbg.woff) format('woff');\n}\n<\/code><\/pre>\n<p>Now you can use if in your styles as normal, e.g.<\/p>\n<pre><code>\nbody {\n    font-family: 'VT323', Arial, sans;\n    color: #666;\n}\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using Google Fonts Offline Find the font you want to use and find the Google recommended link to use (in the &#8220;Standard&#8221; tab). &nbsp;e.g. &lt;link href=&#8217;http:\/\/fonts.googleapis.com\/css?family=VT323&#8242; rel=&#8217;stylesheet&#8217; type=&#8217;text\/css&#8217;&gt; Enter the URL portion into your browser and get the resulting css, e.g. http:\/\/fonts.googleapis.com\/css?family=VT323 gives: @font-face { font-family: &#8216;VT323&#8217;; font-style: normal; font-weight: 400; src: local(&#8216;VT323&#8217;), local(&#8216;VT323-Regular&#8217;), url(http:\/\/themes.googleusercontent.com\/static\/fonts\/vt323\/v4\/LfMzj2MWAZU6qzlnp1MNbg.woff) [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[245],"tags":[],"class_list":["post-1084","post","type-post","status-publish","format-standard","hentry","category-text-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/1084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=1084"}],"version-history":[{"count":4,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/1084\/revisions"}],"predecessor-version":[{"id":3488,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/1084\/revisions\/3488"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=1084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=1084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=1084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}