{"id":264930,"date":"2023-03-26T12:14:00","date_gmt":"2023-03-26T09:14:00","guid":{"rendered":"https:\/\/inform.click\/15-av-de-basta-gratis-typografiverktygen-for-designers\/"},"modified":"2023-03-26T12:14:00","modified_gmt":"2023-03-26T09:14:00","slug":"15-av-de-basta-gratis-typografiverktygen-for-designers","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/15-av-de-basta-gratis-typografiverktygen-for-designers\/","title":{"rendered":"15 av de b\u00e4sta gratis typografiverktygen f\u00f6r designers"},"content":{"rendered":"<p>\n  Typografi inneb\u00e4r helt enkelt att justera utseendet, stilen och arrangemanget av en text inom en design eller en webbplats. Det \u00e4r inte bara begr\u00e4nsat till typsnittet du anv\u00e4nder, utan ocks\u00e5 l\u00e4ngden p\u00e5 inneh\u00e5llet, storleken p\u00e5 texten och dess stil.\n<\/p>\n<p>\n  F\u00f6r att skapa ett kraftfullt inneh\u00e5ll b\u00f6r stor vikt l\u00e4ggas vid typografi. Det hj\u00e4lper till att bevara det estetiska v\u00e4rdet av ditt inneh\u00e5ll och ger det ett attraktivt utseende. Typografi \u00e4r en konst i sig som s\u00e4tter tonen p\u00e5 din webbplats, presenterar informationen p\u00e5 ett professionellt s\u00e4tt och s\u00e4kerst\u00e4ller en fantastisk anv\u00e4ndarupplevelse.\n<\/p>\n<p>\n  Varje designer b\u00f6r f\u00f6rst\u00e5 hur viktigt typografi \u00e4r och samtidigt dra f\u00f6rdelen av att anv\u00e4nda vissa typografiverktyg som hj\u00e4lper till att spara tid, f\u00f6rhindrar dig fr\u00e5n att anv\u00e4nda samma gamla typsnitt och viktigast av allt skapa en anv\u00e4ndarv\u00e4nlig och design f\u00f6r webbplatser .\n<\/p>\n<p>\n  G\u00e5 igenom dessa gratis typografiverktyg som jag har listat nedan och f\u00e5 ut det mesta av dem:\n<\/p>\n<h5>\n  1 FontFace Ninja<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontface.ninja\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  FontFace Ninja \u00e4r ett gratis webbl\u00e4sartill\u00e4gg f\u00f6r att k\u00f6pa, skapa bokm\u00e4rken, prova och inspektera alla typsnitt p\u00e5 vilken webbplats som helst. Du kan prova vilket typsnitt som helst utan att ens l\u00e4mna webbplatsen som du surfar p\u00e5. Gratis typsnitt \u00e4r tillg\u00e4ngliga med en nedladdningsl\u00e4nk, men om du gillar ett typsnitt och vill k\u00f6pa det f\u00e5r du till och med en l\u00e4nk att v\u00e4lja och k\u00f6pa bland \u00f6ver 30 000 typsnitt. F\u00e5 namn, radh\u00f6jd, bokstavsavst\u00e5nd, f\u00e4rg och storlek p\u00e5 alla teckensnitt genom att h\u00e5lla muspekaren \u00f6ver det. En ny funktion f\u00f6r att bokm\u00e4rka alla teckensnitt du st\u00f6ter p\u00e5 en webbplats kommer ocks\u00e5 att dyka upp snart.\n<\/p>\n<h5>\n  2 kalligraf<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.calligraphr.com\/en\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-6383219e6c42e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  F\u00f6rvandla kalligrafi eller din handstil till ett typsnitt med Calligraphr. Med den kan du skapa ditt eget typsnitt snabbt och enkelt. Med dina egna typsnitt kan du skapa kalligrafiska konstverk och \u00e4kta personlig design. Allt du beh\u00f6ver g\u00f6ra \u00e4r att fylla i mallen, f\u00e5 en riktig typsnitt av din handstil och vara kreativ!<br \/>\n  Funktioner:\n<\/p>\n<ul>\n<li>Karakt\u00e4rsrandomisering\n  <\/li>\n<li>Standard teckensnittsfiler\n  <\/li>\n<li>Ligaturer\n  <\/li>\n<li>Best\u00e5ende lagring\n  <\/li>\n<li>\u00c4ndra tecken efter skanning\n  <\/li>\n<li>Anpassningsbara mallar\n  <\/li>\n<\/ul>\n<h5>\n  3 Skriv Nugget<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.typenugget.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a132975.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Type Nugget \u00e4r ett fullt responsivt s\u00e4ttningsverktyg som genererar webbl\u00e4sarkompatibel, semantiskt sund, tillg\u00e4nglig och underh\u00e5llbar CSS som du kan inkludera p\u00e5 din webbplats. Den l\u00e5ter dig skapa och s\u00e4tta in skotts\u00e4ker och vacker CSS i webbl\u00e4saren. Det ger dig en fin kontroll genom ett trevligt anv\u00e4ndargr\u00e4nssnitt \u00f6ver en robust bas f\u00f6r j\u00e4vla fin webbtyp.\n<\/p>\n<h5>\n  4 Google Fonts<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a48b968.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Med Google Fonts kan du g\u00f6ra webben \u00f6ppen, snabb och vackrare genom fantastisk typografi. Den erbjuder dig en robust och en intuitiv katalog med designade webbteckensnitt med \u00f6ppen k\u00e4llkod. Med den omfattande katalogen med Google Fonts kan du integrera och dela typografi s\u00f6ml\u00f6st i vilken design som helst, oavsett var du befinner dig i v\u00e4rlden. Teckensnittskatalogen best\u00e5r av typsnitt p\u00e5 mer \u00e4n 135 spr\u00e5k och \u00e4r gratis att anv\u00e4nda. Det tar hand om licensiering och v\u00e4rd och s\u00e4kerst\u00e4ller att den b\u00e4sta och senaste versionen av ett teckensnitt \u00e4r tillg\u00e4nglig f\u00f6r anv\u00e4ndarna.\n<\/p>\n<h5>\n  5 Typekit-\u00f6vning<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/practice.typekit.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321a955064.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Typekit Practice \u00e4r en samling resurser. Det \u00e4r ett st\u00e4lle att h\u00e5lla sig skarp, prova saker och finslipa dina f\u00e4rdigheter. Det l\u00e5ter alla \u00f6va typografi p\u00e5 det, oavsett om du \u00e4r expert eller nyb\u00f6rjare. Bl\u00e4ddra i anv\u00e4ndbara referenser som r\u00e5d om typografins hierarki, anv\u00e4nd nyanser f\u00f6r i\u00f6gonfallande betoning eller anv\u00e4nd till och med biblioteket med rekommenderade b\u00f6cker om design och typografi.\n<\/p>\n<h5>\n  6 Prototyp<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.prototypo.io\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321acd5a96.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Prototypo l\u00e5ter dig skapa obegr\u00e4nsade typsnittsvariationer med bara n\u00e5gra f\u00e5 svep. Fr\u00e5n A-\u00d6, justera varje bokstav, i realtid. Prototypo g\u00f6r typografi mer tillg\u00e4nglig f\u00f6r dig \u00e4n n\u00e5gonsin. Du kan g\u00f6ra designjusteringar i ett intuitivt WYSIWYG-l\u00e4ge och se f\u00f6r\u00e4ndringar direkt i alla glyph-upps\u00e4ttningar. Det l\u00e5ter dig intuitivt anpassa grundformen f\u00f6r diakritiska tecken, seriffer, bokst\u00e4ver och andra sm\u00e5 detaljer. Visualisera vilket typsnitt som helst i realtid p\u00e5 vilken webbplats som helst med det kostnadsfria webbtill\u00e4gget av Prototypo. Typsnitten f\u00f6r Prototypo \u00e4r under Creative Commons 0-licensen.\n<\/p>\n<h5>\n  7 Gridlover<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.gridlover.net\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b0cef28.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Gridlover hj\u00e4lper dig att skapa ett typografiskt system med vertikal rytm och modul\u00e4r skala. Fixa med linjeh\u00f6jden, skalfaktorreglagen och teckenstorleken och se typografins dans. Appen laddas till och med snabbare \u00e4n en demovideo.\n<\/p>\n<h5>\n  8 Mixfont<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/betapage.co\/startup\/mixfont\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b416766.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Mixfont \u00e4r en modern teckensnittsgenerator. Det \u00e4r ett enkelt och roligt s\u00e4tt att visualisera och uppt\u00e4cka nya typsnitt. Det hj\u00e4lper dig att hitta ett perfekt typsnitt f\u00f6r varje projekt. Oavsett om det \u00e4r f\u00f6r ett papper, ett gratulationskort eller till och med f\u00f6r din webbplats, ger Mixfont r\u00e4tt teckensnittsinspiration till hands. \u00d6ver 1&nbsp;000 unika teckensnitt \u00e4r tillg\u00e4ngliga p\u00e5 132 spr\u00e5k med \u00f6ver 600&nbsp;000 parningar. Det \u00e4r verkligen ett enkelt och roligt s\u00e4tt att skapa roliga teckensnittspar.\n<\/p>\n<h5>\n  9 Canva teckensnittskombinationer<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.canva.com\/font-combinations\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b722a21.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Canva Font Combinations g\u00f6r typografi l\u00e4tt genom att hj\u00e4lpa dig att hitta en teckensnittskombination f\u00f6r dina designbehov. Den h\u00e4mtar inspiration fr\u00e5n hela webben. N\u00e4r du v\u00e4ljer ett teckensnitt initialt v\u00e4ljer verktyget en upps\u00e4ttning motsvarande exempel och m\u00f6jliga matchningar sk\u00e4rmdumpar som bevis. Det kanske inte n\u00f6dv\u00e4ndigtvis \u00e4r det som du t\u00e4nker p\u00e5 f\u00f6rst, men det kommer definitivt att ge dig en riktning och en id\u00e9 f\u00f6r framtida anv\u00e4ndning.\n<\/p>\n<h5>\n  10 FontJoy<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontjoy.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321b9be121.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FontJoy g\u00f6r det enkelt att koppla ihop teckensnitt. Det genererar teckensnittskombinationer med djup inl\u00e4rning. Texten p\u00e5 den \u00e4r redigerbar och du kan ers\u00e4tta den med ditt f\u00f6retagsnamn. Du kan skapa nya teckensnittskombinationer, redigera och v\u00e4lja dem manuellt och l\u00e5sa de teckensnitt du vill beh\u00e5lla. FontJoy till\u00e4mpar maskininl\u00e4rning p\u00e5 teckensnittsparning. Den hittar komplement\u00e4ra och kontrasterande typsnitt f\u00f6r att skapa vackra och ov\u00e4ntade kombinationer. Oavsett om du \u00e4r en typografin\u00f6rd, nyb\u00f6rjare eller designveterin\u00e4r, kommer du s\u00e4kert att ha kul att leka med textkombinationerna f\u00f6r br\u00f6dtext, introduktion och rubriktext.\n<\/p>\n<h5>\n  11 Fontstruct<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/fontstruct.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321bca7bc4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Fontstruct \u00e4r ett l\u00e4ttanv\u00e4nt och gratis verktyg som l\u00e5ter dig ladda ner, bygga och dela typsnitt. Med den kan du enkelt skapa teckensnitt med geometriska former. N\u00e4r du har byggt typsnitten genererar Fontstruct TrueType-teckensnitt som du kan ladda ner och anv\u00e4nda i alla Windows- eller Mac-program. Du kan antingen dela dina skapelser p\u00e5 FontStructions eller v\u00e4lja att h\u00e5lla dem privata. Teckensnitten som du skapar fr\u00e5n FontStruct \u00e4r ordnade i ett rutm\u00f6nster som tegelstenar eller brickor.\n<\/p>\n<h5>\n  12 Para & J\u00e4mf\u00f6r<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/betapage.co\/startup\/pair-compare-1\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c0ba254.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Para & Compare l\u00e5ter dig hitta de b\u00e4sta typsnittsparningarna och typsnitten enkelt och smidigt f\u00f6r ditt n\u00e4sta projekt. Det \u00e4r en webbapplikation d\u00e4r du kan prova alla Google Fonts p\u00e5 din text med bara ett klick utan att ens installera eller ladda ner n\u00e5gon av dem, utan att byta uppfriskande webbl\u00e4sare eller Windows, utan att redigera eller l\u00e4gga till HTML-l\u00e4nktaggar, utan att kopiera eller klistra in teckensnittsnamn och utan n\u00e5gra kr\u00e5ngel. Du kan ocks\u00e5 j\u00e4mf\u00f6ra typsnitt och typsnitt p\u00e5 samma sida. Det \u00e4r gratis att anv\u00e4nda och l\u00e5ter dig kontrollera m\u00e5nga inst\u00e4llningar som teckensnittsf\u00e4rg, bakgrundsf\u00e4rg, teckenstorlek, textbredd och linjeh\u00f6jd smidigt och snabbt.\n<\/p>\n<h5>\n  13 Online Font Converter<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/onlinefontconverter.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c429639.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  Online Font Converter \u00e4r en 100 % gratis tj\u00e4nst. Du kan konvertera typsnitt fr\u00e5n\/till: pdf, dfont, eot, otf, pfb, tfm, pfm, suit, svg, ttf, pfa, bin, pt3, ps, t42, cff, afm, ttc, woff. Den har ett enkelt API som inte kostar n\u00e5got och \u00e4r ganska l\u00e4tt att anv\u00e4nda. Den \u00e4r tillg\u00e4nglig som \u00f6ppen k\u00e4llkod p\u00e5 GitHub.\n<\/p>\n<h5>\n  14 Dina teckensnitt<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.yourfonts.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321c87644c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  YourFonts \u00e4r en teckensnittsgenerator online med hj\u00e4lp av vilken du kan skapa dina egna OpenType-teckensnitt p\u00e5 bara n\u00e5gra minuter. Att g\u00f6ra din handstil som ett typsnitt har aldrig varit s\u00e5 enkelt! Du kan skapa typsnitt med \u00f6ver 200 tecken, f\u00f6rhandsgranska dem gratis, g\u00f6ra hur m\u00e5nga typsnitt du vill, anv\u00e4nda dina typsnitt p\u00e5 Linux, Mac OS, Windows, anv\u00e4nda typsnitt i Powerpoint, MS Word och alla andra program som du \u00e4ger, och s\u00e5 m\u00e5nga andra funktioner. YourFonts har den mest avancerade algoritmen f\u00f6r konvertering av raster till vektor och den l\u00e5ter dig ocks\u00e5 ladda upp stora mallar. Att digitalisera sin handstil \u00e4r riktigt kul. Prova och skapa ditt eget typsnitt p\u00e5 YourFonts idag.\n<\/p>\n<h5>\n  15 FontFriend<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/somadesign.ca\/projects\/fontfriend\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-300811-638321ccc1ec7.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  FontFriend \u00e4r ett bokm\u00e4rke f\u00f6r webbdesigners som \u00e4r typografiskt besatta. Det l\u00e5ter dig snabbt kontrollera teckensnitt och typsnittsstilar i din webbl\u00e4sare utan att ens uppdatera sidor eller redigera kod. Det \u00e4r en idealisk f\u00f6ljeslagare f\u00f6r att skapa CSS-teckensnittsstaplar. Till att b\u00f6rja med beh\u00f6ver du bara dra l\u00e4nken &#8221;FontFriend&#8221; till webbl\u00e4sarens verktygsf\u00e4lt och b\u00f6rja anv\u00e4nda den nya versionen.\n<\/p>\n<p>\n  Jag hoppas att dessa verktyg hj\u00e4lper dig p\u00e5 ett eller annat s\u00e4tt. Anv\u00e4nd dem f\u00f6r att g\u00f6ra smarta val av typsnitt och \u00e4ven f\u00f6r att f\u00e5 ut det mesta av din tid. Jag vet att det finns s\u00e5 m\u00e5nga andra fantastiska typografiverktyg som jag har kvar. N\u00e4mn de som du gillar och anv\u00e4nder mest i kommentarsektionen nedan och \u00e4ven andra typografiverktyg som du k\u00e4nner till. Hoppas kurationen hj\u00e4lpte!\n<\/p>\n<p>\n  Var kreativ och ha kul!\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Inspelningsk\u00e4lla: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/09\/24\/best-free-typography-tools\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Typografi inneb\u00e4r helt enkelt att justera utseendet, stilen och arrangemanget av en text inom en design eller en webbplats. Det \u00e4r inte bara begr\u00e4nsat till typsnittet du anv\u00e4nder, utan ocks\u00e5 l\u00e4ngden p\u00e5 inneh\u00e5llet, storleken p\u00e5 texten och dess stil. F\u00f6r att skapa ett kraftfullt inneh\u00e5ll b\u00f6r stor vikt l\u00e4ggas vid typografi. Det hj\u00e4lper till att bevara det estetiska v\u00e4rdet av ditt inneh\u00e5ll och ger det ett attraktivt utseende. Typografi \u00e4r en konst i sig som s\u00e4tter tonen p\u00e5 din webbplats, presenterar informationen p\u00e5 ett professionellt s\u00e4tt och s\u00e4kerst\u00e4ller en fantastisk anv\u00e4ndarupplevelse. Varje designer&#8230;<\/p>\n","protected":false},"author":1,"featured_media":143971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[399,360,61,204],"tags":[],"class_list":["post-264930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-2","category-underhallning","category-web-och-wordpress","category-webbdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/264930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/comments?post=264930"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/posts\/264930\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media\/143971"}],"wp:attachment":[{"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/media?parent=264930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/categories?post=264930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/sv\/wp-json\/wp\/v2\/tags?post=264930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}