Font
Font of Web är ett identifieringsverktyg: det analyserar en webbplats och visar vilka typsnitt som används samt hur de tillämpas i layouten. Det vänder sig till designers och utvecklare som vill förstå eller återskapa typografin på en sajt de inte själva byggt.
Besök Font of webFont of web är ett webbaserat identifieringsverktyg för typsnitt: du anger en URL till en webbplats, och tjänsten analyserar sidans CSS för att lista vilka typsnitt som används samt hur de tillämpas på olika delar av sidan. Det löser ett annat problem än typsnittsbibliotek - istället för att bläddra bland typsnitt för att hitta ett nytt, hjälper det dig identifiera ett typsnitt du redan sett live på en existerande webbplats. Verktyget riktar sig till utvecklare, designers och typografer som annars skulle behöva öppna webbläsarens utvecklarverktyg och manuellt leta reda på font-family-deklarationer i CSS:en. Det fungerar på offentligt tillgänglig CSS på angivna sidor, och resultatet visar sammanhanget för varje typsnitt (t.ex. var i sidan det används), inte bara en lista med namn. Källan anger inga detaljer om prissättning, kontokrav eller hur tjänsten hanterar typsnitt som laddas dynamiskt via JavaScript efter sidladdning.
Källan anger inga specifika gränser för användning - verktyget beskrivs som en identifieringstjänst utan att kvoter eller premiumnivåer nämns.
Ta reda på vilket typsnitt en konkurrents eller en inspirationssajt använder, utan att manuellt gräva i CSS-koden.
Snabb typografisk research inför en redesign av en egen webbplats - se vad andra sajter i samma bransch använder.
Kontrollera vilka typsnitt som faktiskt laddas på en egen sajt efter ett CSS- eller temabyte, som en snabb kvalitetskontroll.
Hitta namnet på ett typsnitt för att sedan söka upp det i ett bibliotek som Google Fonts eller Font Squirrel och ladda ner det.
Studera och jämföra hur olika webbplatser kombinerar typsnitt för rubriker och brödtext, t.ex. i utbildningssyfte.
Font of web löser ett annat problem än kataloger som Font Squirrel, FontGet och Google Fonts, som är samlingar man bläddrar i för att hitta och ladda ner nya typsnitt. Font of web går åt andra hållet: man utgår från en befintlig webbplats och får reda på vilket typsnitt som redan används där. De två typerna av verktyg kompletterar varandra i ett typiskt arbetsflöde - identifiera typsnittet med Font of web, hämta det sedan via ett bibliotek som Google Fonts eller Font Squirrel.
Källan anger inget pris och beskriver ingen betalspärr för identifieringsfunktionen - verifiera direkt hos leverantören om en betald nivå finns.
Källan specificerar inte något kontokrav.
Nej, sannolikt inte - tjänsten analyserar offentligt tillgänglig CSS på angivna URL:er.
Sök upp typsnittet i ett bibliotek som Google Fonts, Font Squirrel eller FontGet för att kontrollera licens och ladda ner det.
Det gör identifieringsjobbet snabbare, men devtools ger mer detaljerad information (exakta CSS-regler, filstorlekar, laddningsordning) om du behöver det.
SIAX perspektiv
Ett typiskt punktverktyg för research snarare än ett fundament att bygga vidare på. Praktiskt i tidiga skeden av ett designprojekt eller vid varumärkesanalys, men resultatet bör alltid dubbelkollas mot faktisk källkod om typsnittsvalet ska ligga till grund för ett beslut.
Osäker på vad ni behöver?
Ett kostnadsfritt första samtal - vi går igenom er stack och vad som faktiskt behövs innan ni betalar för något.
Boka samtal