3 sätt att tillfälligt ändra en webbplatss teckensnitt om den ursprungliga teckensnittet inte är bra nog
Hur många gånger har någon skickat dig en länk till en webbplats som är infekterad med otroligt svårlästa teckensnitt? Det har hänt oss alla, och det finns inte mycket vi kan göra åt det - eller finns det?
Det finns några personer på Internet som har upplevt samma problem som du, och lyckligtvis bestämde de sig för att göra något åt det. Så älskvärt acceptera farmors e-postlänk utan några frågor, och prova dessa webbverktyg som alla har ett enda syfte - så att du kan se text på webben hur du vill se det.
FontFonter [Web App]
Det bör klargöras att FontFonter inte kommer att förvandla världens värsta webbplats till något orörligt och vackert. Låt möta det. Dålig webbdesign 8 bästa webbplatser för kvalitets HTML-kodningsexempel 8 Bästa webbsidor för kvalitets HTML-kodningsexempel Det finns några fantastiska webbplatser som erbjuder väl utformade och användbara HTML-kodande exempel och handledning. Här är åtta av våra favoriter. Läs mer är dålig webbdesign, och det finns inget du kan göra för att ändra det. Det gör det dock lättare att läsa webbplatser. Klicka bara på den önskade webbadressen i FontFonters adressfält, klicka på “FontFont It!” knapp, och omfamna den härliga typkit-typsnittet som byter magi.
Med FontFonter kan vi ändra alla webbsidor med tre klassificeringar: serif, sans-serif och allt. I grund och botten betyder det att du kan fixa webbplatsen med ett helt nytt typsnitt, eller du kan göra allt enhetligt genom att bestämma att alla teckensnitt ska vara desamma. Verktyget är ganska lätt att använda eftersom du kan ersätta alla webbsidor sans serif typsnitt med ditt val och vice versa för serif. Som nämnts kan du ersätta både webbplatsens sans-serif och serif-teckensnitt med samma typsnitt.
Nackdelen med FontFonter är det faktum att det inte innehåller förhandsgranskningar av vilka teckensnitt som ser ut, så om du inte har en mental lista över typkit-teckensnitt kommer du att sluta spela lotteriet för en liten stund att försöka hitta något lämpligt. Beviljas, det här är ett litet pris att betala, för när du använder FontFonter med tiden kommer du att bli bekant med dina bästa val.
Google Font Previewer [Chrome Extension]
Google Font Previewer skapades med webbutvecklare i åtanke, men det är också ganska användbart för den vanliga Internet-konsumenten. Chrome-tillägget är utformat för webbdesigners som vill se hur teckensnitt från Google Font API-katalogen visas på webbsidor när de används, men det kan också vara ett bra hjälpmedel för dem som vill ha ett bättre teckensnitt för lättare läsbarhet.
Efter att du hämtat Font Previewer-utvidgningen kan du hitta den precis till höger om Chrome adressfält. Klicka bara på den på den webbplats du vill ha, och det kommer att ge dig en mängd olika alternativ för att blanda upp saker. Välj teckensnitt med hjälp av den angivna listan och anpassa med alternativ som att öka textvikten, ändra hela texten till möss eller bumpa upp procent av textstorleken i steg om 50.
Om du faktiskt utformar en webbplats kan du hantera jobbet med hjälp av Font Previewers CSS-valfunktion. I stället för att testa hela din webbplats medan du bara tittar på ett valt teckensnitt, kan du faktiskt ange specifika taggar som bara kommer att ändra delar av ditt arbete. Denna metod är bättre än att gå tillbaka till koden varje gång du vill justera något för att se hur det skulle se ut.
Läsbar [Firefox-tillägg]
Tillbaka i MakeUseOfs tidigare artikel, 4 verktyg för att göra webbsidor lättare att läsa för personer med dålig syn 4 Verktyg för att göra webbsidor enklare att läsa för personer med dålig syn (Firefox) 4 verktyg för att göra webbsidor enklare att läsa för personer med fattiga Eyesight (Firefox) Läs mer, vi introducerades till Firefox Readable add-on (liksom dess nästan identiska släkting, Reader). Tillägget ändrar inte nödvändigtvis textstyling av den aktuella webbplatsen i sig, men det gör texten som finns på den, ja ... läsbar.
Om du vill läsa en viss artikel men kämpa med det teckensnitt som det skrivs in klickar du bara på läsbar knappen för en bra förändring av landskapet. Vid dess aktivering kommer tillägget att öppna innehållet på webbplatsen i en teaterstil presentation som innehåller sidans text och bilder i en mycket primitiv men ändå användarvänlig sans-serif form. Vidare konverterar markeringen av en del av texten endast valet, vilket reducerar störning som du normalt skulle behöva rulla igenom.
Beviljas, även riktigt fina saker har sina brister, och i ett grymt drag är själva aktiveringsknappen läsarens akilleshälge. Webbläsarknappen är ironiskt nog otroligt liten och blandar sig nästan med webbläsaren själv och presenterar en mycket svår att se designfunktion för dem som tillägget är utformat för att hjälpa till. Men det här problemet sjunker inte den läsbara båten, eftersom det är ett utmärkt verktyg som kan användas för läsningsskadade.
Slutsats
Dessa tre webbverktyg fokuserar främst på textinnehållet på en webbplats i stället för hela webbplatsen, men som någon som en gång drabbats av allvarliga migrän på grund av en hel del läsning i webbläsaren är de verkligen en välsignelse. Men om du vill hitta ännu fler resurser för enklare läsning i webbläsaren, bör du titta på MakeUseOfs 7 Firefox-tillägg som förbättrar webbläsbarhet Nivå 7 Firefox-tillägg som förbättrar webbsidans läsbarhetsnivå 7 Firefox-tillägg som förbättrar webbsidans läsbarhet Nivå Att läsa en webbsida är väldigt annorlunda (och svår) än att läsa en bok. När det gäller att förbättra läsbarheten på webben har webbläsaren inte hjälpt mycket. Det ger oss en helskärmsvy ... Läs mer .
Vad är några av dina minst favorit typsnitt som används i webbdesign? Hur har dessa verktyg hjälpt dig? Vilka andra verktyg skulle du rekommendera?
Bildkrediter: jeltovski, The New York Times
Utforska mer om: Teckensnitt, Google Chrome, Mozilla Firefox, Läsa, Webbdesign, Webbutveckling.