{"id":1622,"date":"2018-01-03T20:53:26","date_gmt":"2018-01-03T20:53:26","guid":{"rendered":"https:\/\/haritomedia.ch\/google-fonts\/"},"modified":"2020-01-04T14:13:30","modified_gmt":"2020-01-04T14:13:30","slug":"google-fonts","status":"publish","type":"post","link":"https:\/\/haritomedia.ch\/en\/google-fonts\/","title":{"rendered":"Google Fonts"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”3.22″ custom_padding=”0px|||||”][et_pb_row admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” custom_padding=”||0px|||”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text _builder_version=”4.0.11″]<\/p>\n

Some Script Google Web Fonts<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=”1_3,1_3,1_3″ module_class=”three-columns” _builder_version=”4.0.11″ min_height=”275px”][et_pb_column type=”1_3″ _builder_version=”4.0.11″][et_pb_image src=”https:\/\/haritomedia.ch\/wp-content\/uploads\/2020\/01\/script-fonts-Google-Tangerine.png” url=”https:\/\/www.amazon.com\/gp\/product\/1613630166\/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1613630166&linkCode=as2&tag=lyrboo-20&linkId=166cfc04b5d5cf113f1ed59e96601617″ _builder_version=”4.0.11″][\/et_pb_image][et_pb_image src=”https:\/\/haritomedia.ch\/wp-content\/uploads\/2020\/01\/script-fonts-Google-GreatVibes.png” url=”https:\/\/www.amazon.com\/gp\/product\/1613630166\/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1613630166&linkCode=as2&tag=lyrboo-20&linkId=166cfc04b5d5cf113f1ed59e96601617″ admin_label=”Image” _builder_version=”4.0.11″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.0.11″][et_pb_image src=”https:\/\/haritomedia.ch\/wp-content\/uploads\/2020\/01\/script-fonts-Google-Pacifico.png” url=”https:\/\/www.amazon.com\/gp\/product\/1613630166\/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1613630166&linkCode=as2&tag=lyrboo-20&linkId=166cfc04b5d5cf113f1ed59e96601617″ _builder_version=”4.0.11″][\/et_pb_image][et_pb_image src=”https:\/\/haritomedia.ch\/wp-content\/uploads\/2020\/01\/script-fonts-Google-Lobster.png” url=”https:\/\/www.amazon.com\/gp\/product\/1613630166\/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1613630166&linkCode=as2&tag=lyrboo-20&linkId=166cfc04b5d5cf113f1ed59e96601617″ _builder_version=”4.0.11″][\/et_pb_image][\/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.0.11″][et_pb_image src=”https:\/\/haritomedia.ch\/wp-content\/uploads\/2020\/01\/script-fonts-Google-LobsterTwo.png” url=”https:\/\/www.amazon.com\/gp\/product\/1613630166\/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1613630166&linkCode=as2&tag=lyrboo-20&linkId=166cfc04b5d5cf113f1ed59e96601617″ _builder_version=”4.0.11″][\/et_pb_image][et_pb_image src=”https:\/\/haritomedia.ch\/wp-content\/uploads\/2020\/01\/script-fonts-Google-Arizonia.png” url=”https:\/\/www.amazon.com\/gp\/product\/1613630166\/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1613630166&linkCode=as2&tag=lyrboo-20&linkId=166cfc04b5d5cf113f1ed59e96601617″ _builder_version=”4.0.11″ box_shadow_style=”preset1″][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.0.9″][et_pb_column type=”4_4″ _builder_version=”4.0.9″][et_pb_text _builder_version=”4.0.11″]<\/p>\n

How to implement Google Fonts?<\/h5>\n

You can start using the Google Fonts API in just two steps:<\/p>\n

1. Add a stylesheet link<\/strong> to request the desired web font(s):<\/p>\n

<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/fonts.googleapis.com\/css?family=Font+Name\">\u00a0<\/span><\/pre>\n
2. Style an element<\/strong> with the requested web font, either in a stylesheet, for example:<\/p>\n
h1 {\n  font-family: 'Font Name', serif;\n}<\/pre>\n
or with an inline style on the element itself:<\/p>\n
<div style=\"font-family: 'Font Name', serif;\">Your text<\/div><\/pre>\n
<\/h3>\n
<\/h3>\n
Google Web Fonts<\/h3>\n
Want to see all of Google’s web fonts:\u00a0https:\/\/www.google.com\/fonts#<\/a><\/p>\n
Google Web Fonts are easy to use on any website and add a personal touch.<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.0.11″ min_height=”498px” custom_padding=”42px|||||”]<\/p>\n
A selection of some Google’s script web fonts to add a certain specitic feel:<\/h5>\n
 <\/p>\n
ARIZONA<\/h3>\n
\"script-fonts-Google-Arizonia\"
Google Font Arizonia<\/p><\/div>\n
<\/div>\n
HTML<\/p>\n
<link href='https:\/\/fonts.googleapis.com\/css?family=Arizonia' rel='stylesheet' type='text\/css'><\/pre>\n
CSS<\/p>\n
font-family: 'Arizonia', cursive;<\/pre>\n
[\/et_pb_text][et_pb_text _builder_version=”4.0.11″]<\/p>\n
GREAT VIBES<\/h3>\n
\"Google
Google Font Great Vibes<\/p><\/div>\n
<\/div>\n
HTML <\/p>\n
<link href='https:\/\/fonts.googleapis.com\/css?family=Great+Vibes' rel='stylesheet' type='text\/css'><\/pre>\n<\/p>\n
CSS<\/p>\n
font-family: 'Great Vibes', cursive;<\/pre>\n<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.0.11″]<\/p>\n
Tangerine<\/h3>\n
\"Google
Google Font Tangerine<\/p><\/div>\n
<\/div>\n
HTML<\/p>\n
<link href='https:\/\/fonts.googleapis.com\/css?family=Tangerine:400,700' rel='stylesheet' type='text\/css'><\/pre>\n
CSS<\/p>\n
font-family: 'Tangerine', cursive;<\/pre>\n
 <\/a><\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.0.11″]<\/p>\n
PACIFICO<\/h3>\n
\"Google
Google Font Pacifico<\/p><\/div>\n
<\/div>\n
HTML<\/p>\n
<link href='https:\/\/fonts.googleapis.com\/css?family=Pacifico' rel='stylesheet' type='text\/css'><\/pre>\n<\/p>\n
CSS<\/p>\n
font-family: 'Pacifico', cursive;<\/pre>\n<\/p>\n
[\/et_pb_text][et_pb_text _builder_version=”4.0.11″]<\/p>\n
LOBSTER<\/h3>\n
\"Google
Google Font Lobster<\/p><\/div>\n
<\/div>\n
HTML <\/p>\n
<link href='http:\/\/fonts.googleapis.com\/css?family=Lobster' rel='stylesheet' type='text\/css'><\/pre>\n<\/p>\n
CSS <\/p>\n
font-family: 'Lobster', cursive;<\/pre>\n<\/p>\n
LOBSTER TWO<\/h4>\n
\"Google
Google Font Lobster Two<\/p><\/div>\n
<\/div>\n
Lobster Two comes in two weights, regular 400 and bold 700, each available as regular and italics:
\nhttps:\/\/www.google.com\/fonts#QuickUsePlace:quickUse <\/a><\/p>\n
HTML <\/p>\n
<link href='https:\/\/fonts.googleapis.com\/css?family=Lobster+Two:400,400italic' rel='stylesheet' type='text\/css'><\/pre>\n<\/p>\n
CSS <\/p>\n
font-family: 'Lobster Two', cursive;<\/pre>\n<\/p>\n
[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
Some Script Google Web FontsHow to implement Google Fonts? You can start using the Google Fonts API in just two steps: 1. Add a stylesheet link to request the desired web font(s): <link rel=”stylesheet” type=”text\/css” href=”https:\/\/fonts.googleapis.com\/css?family=Font+Name”>\u00a0 2. Style an element with the requested web font, either in a stylesheet, for example: h1 { font-family: ‘Font […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[38],"tags":[],"class_list":["post-1622","post","type-post","status-publish","format-standard","hentry","category-fonts-en"],"_links":{"self":[{"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/posts\/1622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/comments?post=1622"}],"version-history":[{"count":1,"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/posts\/1622\/revisions"}],"predecessor-version":[{"id":1624,"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/posts\/1622\/revisions\/1624"}],"wp:attachment":[{"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/media?parent=1622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/categories?post=1622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/haritomedia.ch\/en\/wp-json\/wp\/v2\/tags?post=1622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}