har du nogensinde fundet den perfekte skrifttype til din hjemmeside på et andet sted, billede eller blog, men vidste ikke, hvordan man finder sit navn? Du er kommet til det rette sted. I denne vejledning viser vi dig, hvordan du identificerer skrifttyper fra en hjemmeside for at hjælpe dig med at finde den perfekte typografi til din virksomhed.
Hvorfor er det nyttigt at se, hvilke skrifttyper en hjemmeside bruger?
hvis du arbejder på at opbygge din hjemmeside eller designe dit onlineindhold, er du altid på udkig efter måder at forbedre det på. Du kan gøre det på mange måder. De mest oplagte bruger et andet tema, tilføjer funktionaliteter og giver bedre indhold. Men der er andre ikke-så-indlysende ting, du kan gøre for at have en kant over dine konkurrenter og gøre din hjemmeside unik. Skrifttypen er en af dem.
den skrifttype, du bruger, er overalt på din side og kan ikke kun forbedre læsbarheden, men også den overordnede navigation. Hvis din typografi ser professionel ud og er let at læse, er dine besøgende mere tilbøjelige til at blive på din side. Skrifttyper overses ofte, men kan have stor indflydelse.
selvom du kan tilføje skrifttyper til din hjemmeside, kan du bruge typografi, som du ikke finder på traditionelle måder. Internettet er fuld af hjemmesider med smukke typografi, som du måske ønsker at bruge på din hjemmeside. Men den vanskelige del er at identificere de skrifttyper, som disse hjemmesider bruger. Der er ingen nem måde at finde en skrifttype på, og selvom du er ekspert, er der masser af små forskelle i hver skrifttype. Derudover kan disse forskelle forstærkes af skrifttypestile og CSS-ændringer.
derfor vil vi i dette indlæg vise dig, hvordan du bruger forskellige værktøjer til at finde ud af, hvilke skrifttyper en hjemmeside bruger.
Sådan identificeres skrifttyper fra en hjemmeside
der er flere måder at identificere skrifttyper på en hjemmeside:
- brug af Inspektionsværktøjet
- med Plugins
- FFFFallback
- Fount
- Fontanello
- hvilken skrifttype
nogle af disse er sværere at bruge end andre, og nogle kan kræve eksterne værktøjer og udvidelser. Lad os se nærmere på alle disse forskellige metoder.
1) Identificer skrifttyper ved hjælp af Inspiceringsværktøjet
den mest grundlæggende måde at identificere skrifttyper fra en hjemmeside er at bruge inspektionsværktøjet. Til dette skal du åbne udviklerværktøjerne på din bro.ser. Som regel, Du kan gøre dette på et par forskellige måder:
- tryk på F12 eller Ctrl + Shift + I på din bro. ser
- Åbn bro. ser-menuen højreklik og derefter gå til inspicere
- åbning af Udviklerværktøjsindstillingerne fra bro. ser-menuen og gå til
når du finder en skrifttype, du kan lide, skal du højreklikke på teksten, der indeholder den skrifttype, du vil identificere, og klikke på Undersøg Element.
dette element vil blive fremhævet på inspektørværktøjet, og du vil se stilarter og layout på boksene ved siden af inspektøren.
klik derefter på fanen beregnet og rul ned for at kontrollere Font-Family-feltet. Dette felt skal liste ud hjemmesidens skrifttype. For eksempel er skrifttypen i dette eksempel Roboto eller SF-Pro Display.
på denne måde kan du identificere skrifttyper på enhver hjemmeside ved hjælp af Inspektørværktøjet. Du kan dog finde steder, hvor du ikke kan højreklikke eller få adgang til inspektørværktøjet, fordi de ikke tillader det. Hvis det er tilfældet, er der et andet alternativ. Du kan også se, hvilken skrifttype hjemmesiden bruger med et dedikeret værktøj.
lad os se på nogle af de bedste plugins, du kan bruge til at identificere skrifttyper fra en hjemmeside.
2) Identificer skrifttyper ved hjælp af værktøjer og Plugins
hvis du ikke kan bruge inspektørværktøjet på en hjemmeside, identificerer du skrifttyper ved hjælp af dedikerede værktøjer og plugins. Der er flere værktøjer derude, så for at gøre dit liv lettere viser vi de bedste og viser dig, hvordan du kan bruge dem til at finde og genkende skrifttyper, der bruges på forskellige steder.
2.1) ffffallback
FFFFallback er et simpelt bookmarklet værktøj, som du kan bruge til at identificere skrifttyper på enhver hjemmeside. Og det bedste er, at du ikke behøver at installere noget. Du skal blot gemme bogmærket på fanen Bogmærker og klikke på dets bogmærke på et hvilket som helst sted for at kontrollere skrifttyperne. Værktøjet bruger Javascript til at scanne CSS og identificere typografien såvel som dens skrifttypestil.
for at bruge dette værktøj skal du åbne denne side. Klik derefter på ffffallback-knappen, og træk den til din bogmærkelinje som vist nedenfor. Hvis bogmærkelinjen ikke vises på din bro.ser, skal du trykke på Ctrl+Shift+B for at aktivere den.
åbn nu en hjemmeside, hvor du vil identificere skrifttyper, og klik på den bogmærke, du lige har gemt på din bogmærkelinje. Det skal vise dig hjemmesidens skrifttypefamilie og stil på en ny kolonne som vist nedenfor. Sørg for, at du vælger skrifttype som indstillingen øverst.
2.2) Fount
Fount ligner FFFFALLBACK, men det lader dig kontrollere skrifttyper af specifikke tekster samt. På denne måde kan du angive, hvilke tekster du vil kontrollere skrifttyper til.
hvis du vil bruge Fount, skal du gå til denne side og gemme Bookmarklet fra dens hjemmeside ved at trække det til fanen Bogmærker.
åbn derefter enhver hjemmeside, som du vil kontrollere skrifttyperne for, og klik på Fount-bogmærket. Dette ændrer din markør til et plus. Du skal blot klikke på en tekst, og det vil vise dig den identificerede skrifttype øverst til højre på skærmen.
når du kender skrifttypen for den tekst, kan du klikke på Skrifttypeboksen igen for at deaktivere markøren og fortsætte med at gennemse din side som normalt.
2.3) Fontanello
hvis du foretrækker at bruge udvidelser, er Fontanello det perfekte værktøj til at identificere skrifttyper fra enhver hjemmeside. Du skal blot installere Fontanello-udvidelsen på Chrome eller Firefoks og aktivere den.
for at identificere skrifttyper på et sted skal du blot højreklikke på en hvilken som helst tekst og vælge indstillingen Fontanello. Rullemenuen viser dig skrifttypefamilien såvel som dens stil og varianter.
2.4) hvilken skrifttype
Alternativt kan du bruge Hvadfont-udvidelsen på en lignende måde. Først skal du installere udvidelsen på enten Chrome eller Firefoks. Klik derefter på ikonet for værktøj på værktøjslinjen og klik på en hvilken som helst tekst for at kontrollere dens skrifttype. Det gode er, at du kan vælge anden tekst og se, hvilken typografi de bruger samtidigt.
når du er færdig, skal du trykke på Afslut for at lukke pop-ups for skrifttyper og bruge hjemmesiden som normalt.
nu hvor vi har set, hvordan man identificerer skrifttyper fra tekst, undrer du dig måske over, om det er muligt at gøre det samme fra billeder. Svaret er ja! Lad os se, hvordan man gør det.
Sådan identificeres skrifttyper fra et billede
bortset fra at opdage skrifttyper fra tekst, kan du også identificere skrifttyper fra en hjemmeside gennem billederne. For at gøre det bruger vi et onlineværktøj kaldet Hvadfont.
hvad skrifttypen
dette online værktøj kan du uploade et billede, analyserer teksten i billedet, og fortæller dig, hvad skrifttype det bruger.
for at gøre dette skal du gå til denne side og trække eller uploade billedet til værktøjet (sørg for, at det er i jpg-eller PNG-format.) Definer derefter beskæringsfeltet for teksten, og værktøjet viser dig den rigtige skrifttype i teksten. Oven i købet, hvad Thefont giver dig også hjemmesider, hvor du kan købe skrifttyperne og endda lader dig teste skrifttyperne med din brugerdefinerede tekst.
på denne måde kan du kontrollere skrifttyper fra billeder eller skærmbilleder. Derudover har den en mobilapp, som du også kan bruge til at identificere skrifttyper fra din mobil.
konklusion
alt i alt kan den skrifttype, du bruger, have stor indflydelse på din side. Det kan hjælpe dig med at forbedre læsbarheden, generel navigation og holde dine besøgende der længere. Klarhed og læsbarhed er vigtige aspekter af ethvert sted, og jo mere indsats du lægger på det, jo bedre er de resultater, du får.
i denne vejledning har vi set forskellige måder at identificere skrifttyper fra en hjemmeside:
- brug af Inspektionsværktøjet
- brug af Bookmarklet-værktøjer
- brug af udvidelser
- brug af dedikerede onlineværktøjer til at identificere skrifttyper fra billeder
når du har fundet de rigtige skrifttyper, er det op til dig at vælge, hvordan du føjer dem til din hjemmeside. Når du har valgt den typografi, du vil bruge, anbefaler vi, at du kigger på vores guide til, hvordan du ændrer skrifttypen i ordtryk for at skifte til din nye skrifttype på ingen tid.
hvis du leder efter flere måder at forbedre læsbarheden og navigationen på din hjemmeside, kan du også se på disse artikler:
- Organiser produkter efter mærke
- Sådan tilføjes en mega menu