{"id":40,"date":"2012-02-25T23:20:01","date_gmt":"2012-02-25T23:20:01","guid":{"rendered":"http:\/\/trindade.myphotos.cc\/ri\/?p=40"},"modified":"2012-02-25T23:20:01","modified_gmt":"2012-02-25T23:20:01","slug":"como-usar-os-meus-proprios-tipos-de-letra-nas-minhas-paginas","status":"publish","type":"post","link":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/2012\/02\/25\/como-usar-os-meus-proprios-tipos-de-letra-nas-minhas-paginas\/","title":{"rendered":"Como usar os meus pr\u00f3prios tipos de letra nas minhas p\u00e1ginas"},"content":{"rendered":"

[D]e certeza que j\u00e1 mui\u00adta gente per\u00adgun\u00adtou como uti\u00adlizar os seus pr\u00f3prios tipos de letra nas suas p\u00e1gi\u00adnas Web. Por muitos anos, estive\u00admos lim\u00adi\u00adta\u00addos aos tipos de letra insta\u00adl\u00ada\u00addos no com\u00adputa\u00addor de quem a visu\u00adal\u00adiza\u00adva, mas com o aparec\u00adi\u00admen\u00adto do CSS3<\/span>, isto j\u00e1 \u00e9 poss\u00edvel.<\/p>\n

Para con\u00adseguir isto, bas\u00adta pos\u00adsuir um brows\u00ader<\/em> que suporte CSS3<\/span> (todas as ver\u00ads\u00f5es mod\u00ader\u00adnas exis\u00adtentes suportam).<\/p>\n

Depois, bas\u00adta declarar num ficheiro CSS<\/span> o seguinte:
[css]@font-face {
font-fam\u00adi\u00adly: Jura;
font-weight: bold;
font-style: nor\u00admal;
src: url(\/ri\/wp-content\/fonts\/Jura-Bold.ttf);
}<\/p>\n

@font-face {
font-fam\u00adi\u00adly: Jura;
font-weight: nor\u00admal;
font-style: nor\u00admal;
src: url(\/ri\/wp-content\/fonts\/Jura-Regular.ttf);
}<\/p>\n

@font-face {
font-fam\u00adi\u00adly: Jura;
font-weight: bold;
font-style: ital\u00adic;
src: url(\/ri\/wp-content\/fonts\/Jura-BoldItalic.ttf);
}<\/p>\n

@font-face {
font-fam\u00adi\u00adly: Jura;
font-weight: nor\u00admal;
font-style: ital\u00adic;
src: url(\/ri\/wp-content\/fonts\/Jura-Italic.ttf);
}[\/css]
Dos browsers<\/em> recentes, ape\u00adnas o Inter\u00adnet Explor\u00ader n\u00e3o supor\u00adta ficheiros True\u00adType (TTF<\/span>) e Open\u00adType (OTF<\/span>) direc\u00adta\u00admente (ser\u00e1 para admi\u00adrar?). Para este, \u00e9 pre\u00adciso fornecer ficheiro Embed\u00added Open\u00adType<\/em> (EOT<\/span>). Exis\u00adtem con\u00adver\u00adsores dispon\u00edveis para Win\u00addows<\/a>, Unix<\/a> (tam\u00adb\u00e9m fun\u00adciona em Mac OS<\/span> X).<\/p>\n

Depois das declar\u00ada\u00e7\u00f5es aci\u00adma, bas\u00adta uti\u00adlizar tipo de letra como qual\u00adquer out\u00adro, numa declar\u00ada\u00e7\u00e3o de esti\u00adlo, por exem\u00adp\u00adlo:
[css]h1 {
font-fam\u00adi\u00adly: Jura;
font-size: 18pt;
font-weight: bold;
font-style: ital\u00adic;
}[\/css]
Este blog<\/em> uti\u00adliza esta mes\u00adma t\u00e9c\u00adni\u00adca para o tipo de letra que, se n\u00e3o estiv\u00ader a usar Inter\u00adnet Explor\u00ader, est\u00e1 a ver. O tipo de letra Jura pode ser descar\u00adrega\u00addo aqui<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

[D]e certeza que j\u00e1 mui\u00adta gente per\u00adgun\u00adtou como uti\u00adlizar os seus pr\u00f3prios tipos de letra nas suas p\u00e1gi\u00adnas Web. Por muitos anos, estive\u00admos lim\u00adi\u00adta\u00addos aos tipos de letra insta\u00adl\u00ada\u00addos no com\u00adputa\u00addor de quem a visu\u00adal\u00adiza\u00adva, mas com o aparec\u00adi\u00admen\u00adto do \u2026 Con\u00adtin\u00aduar a ler \u2192<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[4,7],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-desenvolvimento","category-internet"],"_links":{"self":[{"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":0,"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"wp:attachment":[{"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trindade.myphotos.cc\/receitasinformaticas\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}