4 måder til hurtigt at identificere dine foretrukne webside-skrifttyper

Reklame

Vi har gennemgået et elegant look gratis skrifttyper De 8 bedste gratis fontwebsteder til gratis skrifttyper onlineIkke alle har råd til en licenseret font. Disse websteder hjælper dig med at finde den perfekte gratis skrifttype til dit næste projekt. Læs mere her 10 seje gratis computerskrifttyper, der får dig til at skille dig ud Læs mere klar til brug i ethvert af dine projekter, men mange nye skrifttyper fødes hver gang takket være talentfulde kunstnere. Du kan se dem i nye webapp-logoer, magasiner, madpakker osv.

Hvordan finder du ud af, hvilken skrifttype disse tekster er, så du kan bruge dem? Her er et par tjenester, der kan hjælpe dig med at identificere den bestemte webside-skrifttype, du ser på, og gøre processen mere automatiseret end noget andet og mindre smertefuldt.

For webdesignere / udviklere: Firebug

Firebug startede som en Firefox addon [No Longer Available], der samler mange webudviklingsværktøjer og giver dig mulighed for fejlsøgning og redigering af CSS, HTML og JavaScript på enhver webside. Tilbage i marts 2009 var det stadig et Firefox-eksklusivt værktøj. Vi havde offentliggjort en artikel om

hvordan man installerer Firebug på IE, Safari, Chrome og Opera Sådan installeres Firebug på IE, Safari, Chrome & Opera Læs mere , men med de raveanmeldelser, Firebug har modtaget, er dette fantastiske værktøj nu tilgængeligt for andre browsere som et bogmærke kaldet Firebug Lite og også enChrome-udvidelse.

Selvom det ikke er en komplet erstatning for Firefox-tilføjelsen, har denne Lite-bogmærke gentaget mange af de tilgængelige funktioner på addon. Selv det fysiske udseende ligner ligner du næsten ikke kan fortælle dig, at du ikke bruger Firefox. Men da Firebug Lite ikke er nøjagtig den samme, anbefaler forfatterens websted at bruge bookmarklet sammen med Chrome Developer Tools, hvis du bruger Google Chrome.

Når du har bookmarklet eller Chrome-udvidelsen, og du ser tekst med en ukendt skrifttype, du elsker, kan du alligevel fremhæve ordene og trykke på bogmærke-link, gå til HTML-fanen i den venstre venstre rude og derefter computeren-fanen i højre kolonne for at se skrifttypenavn, familie, størrelse, vægt, etc.

Mens Firebug er rart og klodset for webudviklere, er du ikke en webdesigner, men der er en enklere måde at hurtigt finde skrifttypefamilien til nogle tekster.

Hurtig og pæn måde til enhver typografientusiast: WhatFont

WhatFont består af en pæn bogmærke, som, når den er aktiveret, kan du holde musen hen over enhver tekst og straks få et meget flot overlay, der dukker op med navnet på skrifttypen. Når du klikker på den, ser du yderligere detaljer om skrifttypen. For at vende tilbage til almindelig surfetilstand uden overlejringer, skal du blot klikke på øverste højre hjørne, der siger Afslut WhatFont.

Ligesom Firebug Lite kan WhatFont forståeligt nok ikke udskrive skrifttypen fra billeder, men det giver dig i det mindste besked, hvornår det muligvis er unøjagtigt.

Hvis du ikke er en webudvikler eller designer, men bare en afslappet typografientusiast, er WhatFont en perfekt, pæn og hurtig måde at få fontoplysninger på.

Du kan altid bede om typografiekspertfora om hjælp identificering af en webside font Sådan identificeres skrifter, der bruges i ethvert foto eller billedeHvad gør du, når du støder på en vidunderlig ny skrifttype og ikke ved, hvad det er? Heldigvis har Photoshop CC 2017 bare det "retsmedicinske værktøj", der hjælper dig med netop det. Læs mere , men du bør kun prøve det, hvis du har brugt WhatTheFont, da det er virkelig nemt at bruge. Bare få et PNG-skærmbillede af noget tekst i den skrifttype, du elsker, med mindst mulig hvid plads, og upload billedet eller indsæt billedets URL. Nu skal du bare indtaste eller korrigere de bogstaver, som TheTheFont fremhæver i det næste skærmbillede, hvor alle ufuldstændige tegn 'tekstbokse er tomme, og det er det.

Du får muligvis ikke altid den samme nøjagtige font, men som regel er der mange nært beslægtede skrifttyper, som TheTheFont vil præsentere for dig. I mine test identificerede den ene skrifttype, som WhatTheFont ikke nøjagtigt kunne finde, en ekspert i det meget hjælpsomme forum det på mindre end 24 timer.

WhatFontIs, tidligere kendt som IdentifyFonts IdentifyFonts.net: Identificer let skrifttyper fra en prøve Læs mere , ligner WhatTheFont ved at du det hjælper dig identificere skrifttyper fra et billede Identificer nemt den seje tekstskrifttype med WhatFontIs Læs mere . På dette websted uploader du også et billede, identificerer fremhævede tegn og får en liste med skrifttyper, der ligner dem på dit billede. En forskel er, at du under karakterudvælgelsestrinnet kan vælge at se alle resultater, kun kommercielle skrifttyper eller bare gratis. Du får også licensdetaljerne i resultatlisten for at spare dig for tid.

Web Designer Depot har en liste med fontidentificerende værktøjer, men dem her kræver mindst manuelt arbejde. Du kan altid lære typografi 10 seje & interessante webapplikationer om skrifttyper og typografiJeg har altid været fascineret af, hvordan tykke og tynde linjer, vinkler og former kan komme sammen og danne smukke skrifttyper. Bare et skift af pres på et slagtilfælde, og du kan få noget helt ... Læs mere helt eller også træne dine øjne til at identificere egenskaber for skrifttyper med FontTrainer FontTrainer: Lær at genkende almindelige skrifttyper Læs mere at ikke skulle stole på disse værktøjer.

I stedet for at identificere websidefonter lavet af andre mennesker, kan du også lav dine helt egne skrifttyper med disse gratis værktøjer 2 gratis værktøjer til at lave din egen tekstskrift Læs mere .

Gik vi glip af nogen superenkle måder at identificere skrifttyper på? Fortæl os det i kommentarerne!

Billedkredit: JoanaCroft på lager. Xchng