{"id":2682,"date":"2016-06-23T12:16:17","date_gmt":"2016-06-23T15:16:17","guid":{"rendered":"https:\/\/moriahsoftware.com.br\/site\/?p=2682"},"modified":"2019-08-07T11:27:53","modified_gmt":"2019-08-07T14:27:53","slug":"como-implementar-o-google-fonts-no-scriptcase","status":"publish","type":"post","link":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/","title":{"rendered":"Como implementar o Google Fonts no Scriptcase"},"content":{"rendered":"

Para aqueles que n\u00e3o conhecem, o Google Fonts \u00e9 um servi\u00e7o da pr\u00f3pria Google que disponibiliza fontes gratuitas desde conhecidas, como algumas que nunca ouvimos falar. Com o Google Fonts temos a op\u00e7\u00e3o de fazer o download da fonte para instalar localmente ou, o melhor, importar em uma aplica\u00e7\u00e3o ou sistema, assim, basta a aplica\u00e7\u00e3o ter acesso a internet para conseguir importar a fonte de qualquer computador.<\/p>\n

Um dos benef\u00edcios al\u00e9m de ter uma varia\u00e7\u00e3o de fonte \u00e9 que seu sistema fica mais leve, pois a fonte n\u00e3o est\u00e1 diretamente instalada no servidor onde est\u00e1 aplica\u00e7\u00e3o. Mas cuidado, mesmo importando fontes de outro lugar, n\u00e3o escolha muitas op\u00e7\u00f5es, lembre-se que a importa\u00e7\u00e3o tamb\u00e9m pode levar tempo e isso pode afetar o desempenho de sua aplica\u00e7\u00e3o.<\/p>\n

Como implementar o Google Fonts no Scriptcase:<\/h2>\n

1\u00ba<\/strong> Acesse o Google Fonts:\u00a0https:\/\/fonts.google.com\/<\/a><\/p>\n

2\u00ba<\/strong> Escolha a fonte mais adequada ao seu projeto, e clique no sinal de “adi\u00e7\u00e3o”:<\/p>\n

\"google-fonts-1\"

Escolha a fonte mais adequada ao seu projeto, e clique no sinal de \u201cadi\u00e7\u00e3o\u201d:<\/p><\/div>\n

(Dica)<\/span> Para saber como determinada frase ou express\u00e3o ficaria com todas as fontes exibidas, fa\u00e7a o seguinte:<\/p>\n

2.1<\/strong> – Selecione qualquer fonte, e clique para apagar a atual frase. Logo depois escreva sua express\u00e3o:<\/p>\n

 <\/p>\n

\"google-fonts-2\"

Selecione qualquer fonte, e clique para apagar a atual frase. Logo depois escreva sua express\u00e3o:<\/p><\/div>\n

 <\/p>\n

2.2<\/strong> – E para aplicar essa frase em todas as outras e assim conseguir uma breve visualiza\u00e7\u00e3o de como no seu projeto ir\u00e1 ficar, basta clicar em “apply to all<\/strong>” e assim ele ir\u00e1 aplicar em todas:<\/p>\n

\"\"

E para aplicar essa frase em todas as outras e assim conseguir uma breve visualiza\u00e7\u00e3o de como no seu projeto ir\u00e1 ficar, colocar o mouse na fonte e clicar em \u201capply to all\u201d e assim ele ir\u00e1 aplicar em todas:<\/p><\/div>\n

 <\/p>\n

3\u00ba<\/strong> Depois de selecionada sua op\u00e7\u00e3o de fonte clicando no sinal de “adi\u00e7\u00e3o”, ir\u00e1 surgir uma janela minimizada, abra-a:<\/p>\n

\"\"

Depois de selecionada sua op\u00e7\u00e3o de fonte clicando no sinal de \u201cadi\u00e7\u00e3o\u201d, ir\u00e1 surgir uma janela minimizada, abra-a:<\/p><\/div>\n

Nesta tela voc\u00ea consegue visualizar algumas op\u00e7\u00f5es:<\/p>\n

A)<\/strong> As fontes selecionadas<\/p>\n

B)<\/strong> Op\u00e7\u00e3o de “preview” – para visualizar mais detalhes da fonte<\/p>\n

C)<\/strong> Op\u00e7\u00e3o de download da fonte, para baixa-la e instalar localmente.<\/p>\n

D)<\/strong> Loadtime- O desempenho que pode causar em sua aplica\u00e7\u00e3o:<\/p>\n

Fast – R\u00e1pido – Sem complica\u00e7\u00f5es com o desempenho;<\/p>\n

Moderate – Moderado – Pode ter algum problema de desempenho, mas nada t\u00e3o preocupante;<\/p>\n

Slow – Devagar – O desempenho do seu sistema ser\u00e1 influenciado. Tente diminuir a quantidade de fontes selecionadas ou mesmo suas varia\u00e7\u00f5es.<\/p>\n

E)<\/strong> Customize – Customizar – Nesta aba, voc\u00ea pode selecionar varia\u00e7\u00f5es da fonte, como, bold<\/strong>\u00a0para uma fonte mais grossa ou light<\/strong> para uma fonte mais fina.<\/p>\n

4\u00ba<\/strong> Selecione a op\u00e7\u00e3o\u00a0que deseja fazer a importa\u00e7\u00e3o da fonte, no nosso caso, vamos utilizar a op\u00e7\u00e3o @IMPORT:<\/p>\n

\"\"

Selecione a op\u00e7\u00e3o que deseja fazer a importa\u00e7\u00e3o da fonte, no nosso caso, vamos utilizar a op\u00e7\u00e3o @IMPORT:<\/p><\/div>\n

Este ser\u00e1 o c\u00f3digo que vamos utilizar para importar a fonte dentro do CSS da aplica\u00e7\u00e3o.<\/p>\n

E agora que temos o c\u00f3digo, vamos para o Scriptcase.<\/p>\n

 <\/p>\n

 <\/p>\n

Para utilizar nossa fonte, vamos criar uma tela de controle com 3 campos texto e uma imagem. Vamos abrir o evento onLoadAll.<\/p>\n

5\u00ba<\/strong> Vamos abrir as tags <style><\/style><\/strong> e acrescentar o c\u00f3digo de importa\u00e7\u00e3o (n\u00e3o esquecendo das tags php):
\n
\n?><\/p>\n

<style><\/p>\n

@import 'https:\/\/fonts.googleapis.com\/css?family=Baloo';
\n<\/style><\/p>\n

<?php<\/code><\/p>\n

6\u00ba<\/strong> No t\u00edtulo da aplica\u00e7\u00e3o, vamos acrescentar uma tag <span><\/span><\/strong> com uma classe “font-baloo” seguido do texto que desejar:<\/p>\n

\"google-fonts-8\"

No t\u00edtulo da aplica\u00e7\u00e3o, vamos acrescentar uma tag com uma classe \u201cfont-baloo\u201d seguido do texto que desejar:<\/p><\/div>\n

<span class=\"font-baloo\"> Avant Solu\u00e7\u00f5es Blog<\/span><\/code><\/p>\n

Desta forma, podemos modificar o elemento de acordo com a classe.<\/p>\n

7\u00ba<\/strong> Novamente no evento onLoadAll<\/strong>, acrescente o c\u00f3digo que faz a altera\u00e7\u00e3o na fonte de acordo com o elemento class:<\/p>\n

?><\/p>\n

<style><\/p>\n

@import 'https:\/\/fonts.googleapis.com\/css?family=Baloo<\/span>';<\/p>\n

span.font-baloo {<\/p>\n

font-family: 'Baloo', cursive;<\/p>\n

}<\/p>\n

<\/style><\/p>\n

<?php<\/code><\/p>\n

 <\/p>\n

Pronto! Agora use sua criatividade e crie aplica\u00e7\u00f5es com muito mais desempenho e com um design diferente.<\/p>\n

Veja como ficou nossa tela:<\/p>\n

\"google-fonts-10\"

Tela final. Fonte utilizada: Baloo<\/p><\/div>\n

\n

 <\/p>\n

<\/p>\n

Volte para o blog<\/span><\/div>\n

\u00a0<\/a>
\n <\/p>\n

\n\t\t\t

\n\n\t\t\t \n\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t\n\t\t\t\t <\/span>\n\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t\n\t\t\t\t <\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t\n\t\t\t\t <\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t \n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t\n\t\t\t\t <\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Para aqueles que n\u00e3o conhecem, o Google Fonts \u00e9 uma API da pr\u00f3pria Google que disponibiliza fontes gratuitas desde conhecidas, como algumas que nunca ouvimos falar. Com o Google Fonts temos a op\u00e7\u00e3o de fazer o download da fonte para instalar localmente ou, o melhor, importar em uma aplica\u00e7\u00e3o ou sistema, <\/p>\n","protected":false},"author":3,"featured_media":2703,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[22],"tags":[],"class_list":["post-2682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"\nComo implementar o Google Fonts no Scriptcase - Moriah Software<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como implementar o Google Fonts no Scriptcase - Moriah Software\" \/>\n<meta property=\"og:description\" content=\"Para aqueles que n\u00e3o conhecem, o Google Fonts \u00e9 uma API da pr\u00f3pria Google que disponibiliza fontes gratuitas desde conhecidas, como algumas que nunca ouvimos falar. Com o Google Fonts temos a op\u00e7\u00e3o de fazer o download da fonte para instalar localmente ou, o melhor, importar em uma aplica\u00e7\u00e3o ou sistema,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\" \/>\n<meta property=\"og:site_name\" content=\"Moriah Software\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-23T15:16:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-07T14:27:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"843\" \/>\n\t<meta property=\"og:image:height\" content=\"403\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marco Costola\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marco Costola\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\"},\"author\":{\"name\":\"Marco Costola\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/person\/280eb010cf8d3285849916c7e8446319\"},\"headline\":\"Como implementar o Google Fonts no Scriptcase\",\"datePublished\":\"2016-06-23T15:16:17+00:00\",\"dateModified\":\"2019-08-07T14:27:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\"},\"wordCount\":767,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#organization\"},\"image\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\",\"url\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\",\"name\":\"Como implementar o Google Fonts no Scriptcase - Moriah Software\",\"isPartOf\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg\",\"datePublished\":\"2016-06-23T15:16:17+00:00\",\"dateModified\":\"2019-08-07T14:27:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage\",\"url\":\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg\",\"contentUrl\":\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg\",\"width\":843,\"height\":403},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/moriahsoftware.com.br\/site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como implementar o Google Fonts no Scriptcase\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#website\",\"url\":\"https:\/\/moriahsoftware.com.br\/site\/\",\"name\":\"Moriah Software\",\"description\":\"Solu\u00e7\u00f5es Web\",\"publisher\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/moriahsoftware.com.br\/site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#organization\",\"name\":\"Avant Solu\u00e7\u00f5es Web\",\"url\":\"https:\/\/moriahsoftware.com.br\/site\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2015\/12\/logo_site.fw_.png\",\"contentUrl\":\"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2015\/12\/logo_site.fw_.png\",\"width\":46,\"height\":47,\"caption\":\"Avant Solu\u00e7\u00f5es Web\"},\"image\":{\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/person\/280eb010cf8d3285849916c7e8446319\",\"name\":\"Marco Costola\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/10f1944a679d515d498eb9b0b85d9d339df39dd764a6d7c7f386d306e40177bd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/10f1944a679d515d498eb9b0b85d9d339df39dd764a6d7c7f386d306e40177bd?s=96&d=mm&r=g\",\"caption\":\"Marco Costola\"},\"url\":\"https:\/\/moriahsoftware.com.br\/site\/author\/marco-costola\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como implementar o Google Fonts no Scriptcase - Moriah Software","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/","og_locale":"pt_BR","og_type":"article","og_title":"Como implementar o Google Fonts no Scriptcase - Moriah Software","og_description":"Para aqueles que n\u00e3o conhecem, o Google Fonts \u00e9 uma API da pr\u00f3pria Google que disponibiliza fontes gratuitas desde conhecidas, como algumas que nunca ouvimos falar. Com o Google Fonts temos a op\u00e7\u00e3o de fazer o download da fonte para instalar localmente ou, o melhor, importar em uma aplica\u00e7\u00e3o ou sistema,","og_url":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/","og_site_name":"Moriah Software","article_published_time":"2016-06-23T15:16:17+00:00","article_modified_time":"2019-08-07T14:27:53+00:00","og_image":[{"width":843,"height":403,"url":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg","type":"image\/jpeg"}],"author":"Marco Costola","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Marco Costola","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#article","isPartOf":{"@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/"},"author":{"name":"Marco Costola","@id":"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/person\/280eb010cf8d3285849916c7e8446319"},"headline":"Como implementar o Google Fonts no Scriptcase","datePublished":"2016-06-23T15:16:17+00:00","dateModified":"2019-08-07T14:27:53+00:00","mainEntityOfPage":{"@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/"},"wordCount":767,"commentCount":3,"publisher":{"@id":"https:\/\/moriahsoftware.com.br\/site\/#organization"},"image":{"@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage"},"thumbnailUrl":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg","articleSection":["Blog"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/","url":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/","name":"Como implementar o Google Fonts no Scriptcase - Moriah Software","isPartOf":{"@id":"https:\/\/moriahsoftware.com.br\/site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage"},"image":{"@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage"},"thumbnailUrl":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg","datePublished":"2016-06-23T15:16:17+00:00","dateModified":"2019-08-07T14:27:53+00:00","breadcrumb":{"@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#primaryimage","url":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg","contentUrl":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2016\/06\/blog_banner_google-fonts.jpg","width":843,"height":403},{"@type":"BreadcrumbList","@id":"https:\/\/moriahsoftware.com.br\/site\/como-implementar-o-google-fonts-no-scriptcase\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/moriahsoftware.com.br\/site\/"},{"@type":"ListItem","position":2,"name":"Como implementar o Google Fonts no Scriptcase"}]},{"@type":"WebSite","@id":"https:\/\/moriahsoftware.com.br\/site\/#website","url":"https:\/\/moriahsoftware.com.br\/site\/","name":"Moriah Software","description":"Solu\u00e7\u00f5es Web","publisher":{"@id":"https:\/\/moriahsoftware.com.br\/site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/moriahsoftware.com.br\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/moriahsoftware.com.br\/site\/#organization","name":"Avant Solu\u00e7\u00f5es Web","url":"https:\/\/moriahsoftware.com.br\/site\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/logo\/image\/","url":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2015\/12\/logo_site.fw_.png","contentUrl":"https:\/\/moriahsoftware.com.br\/site\/wp-content\/uploads\/2015\/12\/logo_site.fw_.png","width":46,"height":47,"caption":"Avant Solu\u00e7\u00f5es Web"},"image":{"@id":"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/person\/280eb010cf8d3285849916c7e8446319","name":"Marco Costola","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/moriahsoftware.com.br\/site\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/10f1944a679d515d498eb9b0b85d9d339df39dd764a6d7c7f386d306e40177bd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10f1944a679d515d498eb9b0b85d9d339df39dd764a6d7c7f386d306e40177bd?s=96&d=mm&r=g","caption":"Marco Costola"},"url":"https:\/\/moriahsoftware.com.br\/site\/author\/marco-costola\/"}]}},"_links":{"self":[{"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/posts\/2682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/comments?post=2682"}],"version-history":[{"count":18,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/posts\/2682\/revisions"}],"predecessor-version":[{"id":3793,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/posts\/2682\/revisions\/3793"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/media\/2703"}],"wp:attachment":[{"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/media?parent=2682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/categories?post=2682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/moriahsoftware.com.br\/site\/wp-json\/wp\/v2\/tags?post=2682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}