Sweden Sans

>>IN ENGLISH<<  Den här webbplatsen använder numera det officiella svenska typsnittet Sweden Sans med hjälp av WordPress-insticksprogrammet Use Any Font.

Sweden Sans är ett officiellt svenskt typsnitt som lanserades 2015 av Svenska Institutet för att representera Sverige globalt. Tanken är att det nya typsnittet (vilket jag personligen tycker är lite hårt på ögonen att läsa) skall avändas som ett standardtypsnitt av samtliga statliga verk, organisationer och företag som representerar Sverige i omvärlden. Typsnittets skapare Söderhavet har dessutom satt upp en portal sweden.identitytool.com där intresserade kan lära sig hur att använda typsnittet på ett standardiserat sätt, se exempel på kodning osv.

Jag har laddat hem (från sweden.identitytool.com) webbtypsnitten Sweden Sans i alla dess format och lagt upp dem i rotmappen på mina servrar och sedan helt sonika lagt in ett par rader CSS-kod i mina nätsidor så att jag också kan representera “lagom Sverige”. För WordPress är det aningen “svårare” då det inte går att bara kopiera in lite text här och där, men lyckligtvis finns det redan insticksprogram som kan infoga i princip vilket typsnitt en bloggare vill använda. Eftersom jag använder alltid den senaste versionen av WordPress (just nu 4.11.1) var det viktigt för mig att välja ett insticksprogram som var inte bara kompatibelt men också uppdateras regelbundet med varje ny version av WP som utkommer. Om du bara tänker använda endast ett typsnitt någonsin, kan du köra Use Any Font gratis, men jag valde ändå att “donera” $10 för ett livstidsabbonemang.

Enklast är det om du går in i Kontrollpanelen (dashboard) på WordPress, sedan till Insticksprogram (plugins), trycker på knappen för Nytt (Add New) och skriver in (med bindestreck) use-any-font och installerar direkt in i WordPress. Observera att programmet inte kommer att visas under Plugins utan längst ned till vänster i administratörsmenyn (med Amazon, Facebook AWD mfl). Naturligtvis kan du ladda hem insticksprogrammet som en ZIP-fil och installera det manuellt, i så fall går du direkt till wordpress.org/plugins/use-any-font. Du behöver sedan registrera dig för att få en API-nyckel (lösenkod) för att aktivera programmet, vilket tar högst en minut, eller 2-3 minuter om du gör en donation (med t.ex. PayPal). Därefter behöver du ladda upp själva typsnittet, som du antingen kan hämta hem från Söderhavets portal sweden.identitytool.com eller ladda hem från den här sidan här. Ange ett (eget) namn för typsnittet, t.ex. “Sweden Sans” (knepigt va?), sist anger du vilket typsnitt du vill använda – du kan installera flera olika – samt var. Jag kryssade för alla rutor. Klicka på spara och du är färdig!

För dig som inte använder WordPress…
Du behöver lägga till lite enkel CSS kod, antingen externt i ett stylesheet eller internt på sidan. Jag skapade ett enkelt CSS-stylesheet som jag kallade sweden.css som enkom sköter om just det här typsnittet, men om du bara ska ha det på en sida så kanske det blir lättare att skriva in CSS:en där? OBS! @font-face taggen måste komma före den tagg där du kallar på fonten, i det här exemplet har jag använt <BODY> taggen, men det kan likaväl vara t.ex. en <P> tagg osv. Eller så kan du kalla på @font-face senare i själva HTML-taggarna med t.ex <DIV STYLE=”font-family:swedensans”>. Glöm bara inte att taggen <FONT> avskaffades med HTML5!


<STYLE>
@font-face {
font-family: swedensans;
src: url('swedensans.eot'),
url('swedensans.ttf'),
url('swedensans.woff'),
url('swedensans.woff2'),
url('swedensans.svg');
}

body {
font-family:swedensans;
}
</STYLE>
</HEAD>

EOT är en filtyp som äldre versioner av Internet Explorer (IE6 och tidigare) behöver då dessa inte kan hämta TTF från nätsidor. Du hittar SwedenSans.eot, SwedenSansBold.ttf, SwedenSans-webbfont.ttf, SwedenSans.woff, SwedenSans.woff2 mfl på Söderhavets portal. Observera att jag har döpt om mina swedensans-webbfont.^ filer till swedensans.^ för att göra det lite lättare på ögonen när jag kodar!

Du kan även lägga till typsnitten som sagt till din dator, men om du använder dem i chatt eller mejl, kom i håg att mottagaren inte tar emot texten i Sweden Sans om de inte också har typsnittet installerat. I deras ände kommer datorn (eller en mobil enhet) att tolka om typsnittet till något närliggande i samma (Serif) kategori (eller till deras förvalda typsnitt). För att få Sweden Sans att fungera med iOS-enheter måste du se till att din server’s MIME-inställningar for SVG är “image/svg+xml” och om du vet hur man gör det då ska du passa på att lägga till den senaste webbfonten WOFF2 (MIME: application/font-woff2). Tips: i cPanel hittar du MIME-inställningar under rubriken “Avancerat”. Appropå ingenting: CSS “src: local(‘…” är ett garanterat sätt att krascha Android enheter, så undvik den typen av genvägar!

Slutligen måste jag påpeka att typsnittet Sweden Sans är upphovsrättsligen skyddat/ägt av Svenska Institutet (©).