{"id":254746,"date":"2022-04-14T19:58:00","date_gmt":"2022-04-14T16:58:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254746"},"modified":"2021-10-29T06:39:38","modified_gmt":"2021-10-29T03:39:38","slug":"5-fantastiska-google-fonts-funktioner-du-inte-visste-om","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/5-fantastiska-google-fonts-funktioner-du-inte-visste-om\/","title":{"rendered":"5 fantastiska Google Fonts-funktioner du inte visste om"},"content":{"rendered":"

Om du har arbetat med WordPress n\u00e5gon g\u00e5ng nu, har du f\u00f6rmodligen h\u00f6rt talas om Google Fonts<\/a>.<\/p>\n

De flesta teman integreras med Google Fonts f\u00f6r att ge hundratals gratis teckensnittsalternativ. Till exempel inkluderar alla v\u00e5ra Pro-uppgraderingar<\/a> denna integration f\u00f6r att l\u00e4gga till hundratals teckensnitt att v\u00e4lja mellan.<\/p>\n

\u00c4ven om du kanske eller kanske inte \u00e4r bekant med det, finns det massor av coola funktioner som den genomsnittliga anv\u00e4ndaren helt f\u00f6rbiser, och m\u00e5nga av dessa funktioner kan vara till stor hj\u00e4lp f\u00f6r att v\u00e4lja r\u00e4tt typsnitt<\/a> f\u00f6r din webbplats.<\/p>\n

I den h\u00e4r handledningen hittar du fem praktiska funktioner som du kan anv\u00e4nda i Google Fonts f\u00f6r att g\u00f6ra fantastiska teckensnittsval f\u00f6r ditt varum\u00e4rke.<\/p>\n

1 Testa anpassad text<\/h2>\n

Hemsidan f\u00f6r Google Fonts visar alltid de popul\u00e4raste typsnitten p\u00e5 webbplatsen. Varje typsnitt har en "dummy text" ifylld f\u00f6r att visa upp dess teckenupps\u00e4ttning, men du kan \u00e4ndra detta direkt.<\/p>\n

Du kan till exempel helt enkelt klicka p\u00e5 n\u00e5gon av texten och b\u00f6rja skriva f\u00f6r att skriva in vad du vill.<\/p>\n

\"5<\/a><\/p>\n

\u00c4ven om detta \u00e4r anv\u00e4ndbart f\u00f6r att v\u00e4lja ett allm\u00e4nt teckensnitt f\u00f6r din webbplats, \u00e4r det s\u00e4rskilt anv\u00e4ndbart om du vill v\u00e4lja ett teckensnitt f\u00f6r webbplatsens titel som visas i rubriken. Det \u00e4r ocks\u00e5 anv\u00e4ndbart om du \u00e4r p\u00e5 jakt efter en ny logotyp.<\/p>\n

2 V\u00e4lj ett "display"-teckensnitt<\/h2>\n

Om det \u00e4r en sak du beh\u00f6ver veta om val av teckensnitt \u00e4r det hur du anv\u00e4nder "visa" teckensnitt.<\/p>\n

\u00c4ven om du klarar dig bra med ett snyggt serif- eller sans-serif-teckensnitt f\u00f6r din inl\u00e4ggstext, ger dina rubriker och webbplatsrubriker dig en m\u00f6jlighet att l\u00e4gga till lite karakt\u00e4r. Missf\u00f6rst\u00e5 mig r\u00e4tt, ett snyggt typsnitt som Roboto som \u00e4r designat f\u00f6r inl\u00e4ggstext fungerar \u00e4ven utm\u00e4rkt f\u00f6r rubriker. D\u00e4remot kan du ofta g\u00f6ra din webbplats stiligare genom att v\u00e4lja ett visningstypsnitt f\u00f6r rubrikerna.<\/p>\n

Display-teckensnitt \u00e4r helt enkelt typsnitt som \u00e4r designade f\u00f6r att visas i stora storlekar. Du kan s\u00f6ka specifikt efter visningsteckensnitt p\u00e5 Google Fonts genom att avmarkera alla andra rutor i sidof\u00e4ltet, s\u00e5 h\u00e4r:<\/p>\n

\"5<\/a><\/p>\n

Kan du t\u00e4nka dig att anv\u00e4nda typsnittet "Spicy Rice" f\u00f6r din inl\u00e4ggstext? Uppenbarligen skulle det vara ett besv\u00e4rligt val, men f\u00f6r rubriker eller din webbplatstitel kan ett typsnitt som det verkligen avrunda estetiken p\u00e5 din webbplats.<\/p>\n

Om du verkligen inte \u00e4r s\u00e4ker p\u00e5 var du ska b\u00f6rja, kolla den h\u00e4r samlingen<\/a> av de 100 b\u00e4sta typsnitten som finns p\u00e5 GF.<\/p>\n

3 J\u00e4mf\u00f6r teckensnitt f\u00f6r den perfekta parningen<\/h2>\n

N\u00e4r du bl\u00e4ddrar i teckensnitt p\u00e5 Google Fonts kan du h\u00e5lla muspekaren \u00f6ver ett teckensnitt och klicka p\u00e5 l\u00e4nken "Se prov" f\u00f6r att unders\u00f6ka teckensnittet ytterligare.<\/p>\n

\"5<\/a><\/p>\n

L\u00e4ngst ner p\u00e5 n\u00e4sta sida hittar du en "popul\u00e4ra parningar"-funktion.<\/p>\n

\"5<\/a><\/p>\n

Att para typsnitt v\u00e4l \u00e4r mycket utmanande om du inte \u00e4r v\u00e4l bevandrad i typografi vilket g\u00f6r den h\u00e4r funktionen extremt anv\u00e4ndbar. Du kan helt enkelt v\u00e4lja det andra teckensnittet fr\u00e5n den popul\u00e4ra parningssektionen och sluta med en fantastisk estetik f\u00f6r din webbplats.<\/p>\n

4 F\u00e5 historien bakom typsnittet<\/h2>\n

Detta \u00e4r faktiskt min favoritfunktion i Google Fonts.<\/p>\n

Det tar tid att utveckla ett \u00f6ga f\u00f6r att v\u00e4lja l\u00e4mpliga typsnitt som matchar den st\u00e4mning och estetik du letar efter. Ibland \u00e4r det bra att ta reda p\u00e5 vad den ursprungliga designern hade i \u00e5tanke n\u00e4r de skapade teckensnittet.<\/p>\n

Efter att ha klickat p\u00e5 l\u00e4nken "Se prov" f\u00f6r ett teckensnitt kan du hitta en Om-sektion i sidof\u00e4ltet.<\/p>\n

\"5<\/a><\/p>\n

Jag tycker alltid att det \u00e4r l\u00e4ttare att anv\u00e4nda ett teckensnitt effektivt efter att jag l\u00e4rt mig hur och varf\u00f6r det designades.<\/p>\n

5 Ladda ner teckensnitt (och h\u00e5ll dem synkroniserade)<\/h2>\n

Att l\u00e4gga till typsnitt p\u00e5 din webbplats \u00e4r ganska enkelt och inbyggt i Google Fonts-processen. Men du beh\u00f6ver ocks\u00e5 typsnitten installerade p\u00e5 din dator om du vill anv\u00e4nda dem i ett program som Sketch eller Photoshop.<\/p>\n

Det b\u00e4sta s\u00e4ttet att ladda ner typsnitten \u00e4r med SkyFonts<\/a> som Google Fonts rekommenderar p\u00e5 deras sida ocks\u00e5.<\/p>\n

\"5<\/a><\/p>\n

Detta l\u00e5ter dig snabbt ladda ner hela teckensnittsfamiljer (varje vikt) och h\u00e5lla dem uppdaterade p\u00e5 din dator.<\/p>\n

Anv\u00e4nd Google Fonts som ett proffs<\/h2>\n

Oavsett om du \u00e4r en erfaren webbdesigner eller helt ny p\u00e5 att skapa webbplatser, hj\u00e4lper dessa tips dig att f\u00e5 ut det mesta av din webbplats.<\/p>\n

Jag \u00e4lskar att anv\u00e4nda dessa funktioner n\u00e4r jag v\u00e4ljer typsnitt f\u00f6r de teman jag g\u00f6r<\/a>, och jag hoppas att de hj\u00e4lper dig att bygga en vackrare webbplats!<\/p>\n

Har du n\u00e5gra fr\u00e5gor eller andra funktioner att dela med dig av? L\u00e4mna en kommentar nedan.<\/p>\n

Inspelningsk\u00e4lla: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Google Fonts \u00e4r ett av de verktyg du anv\u00e4nder hela tiden, men aldrig riktigt utforskar. Kolla in dessa fem fantastiska funktioner som du f\u00f6rmodligen inte visste om.<\/p>\n","protected":false},"author":1,"featured_media":261789,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[574],"tags":[850],"class_list":["post-254746","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-grunderna-i-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/254746","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=254746"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/254746\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/261789"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=254746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=254746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=254746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}