Nästan alla webbsidor idag använder formad text med hjälp av det som kallas Cascading Style Sheets eller CSS för kort. Men en del av webbdesign som till stor del ignoreras är att läsa någonting i text eller monoklad text. Webbformulär, programmeringskod, blockcitationstecken i forum och en hel massa andra saker använder ofta ett teletypsnitt. Eftersom de flesta designers ignorerar att ange ett typsnitt är det som händer att din webbläsare återgår till en systeminställning för att visa det.
I Windows-miljön är standardteckensnittet för teletype / monospace Courier New; ett forntida teckensnitt som designades för 640 × 480 skärmar utan ursprungligen anti-aliasing. På moderna skärmar ser det fruktansvärt ut.
Det teckensnitt jag personligen föreslår att använda som ett alternativ till Courier New är Cousine; ett gratis teckensnitt som är mycket lättare att läsa.
Du kan ladda ner Cousine-teckensnittet här. På den sidan klickar du på "Ladda ner din samling" och klicka på "Ladda ner teckensnitt i din samling som en zip-fil" från den lilla popup-fönstret. I ZIP kommer de fyra teckensnitten att finnas Cousine Regular, Cousine Italic, Cousine Bold och Cousine Bold Italic. Installera alla fyra.
När Cousine-teckensnitten har installerats stänger du webbläsaren och startar om den. Du måste göra detta så att teckensnittslistan återställs för att återspegla de nya installerade teckensnitten.
Därefter måste du instruera din webbläsare att alltid använda Cousine när den stöter på otylerad text-text.
I Internet Explorer
- Verktyg
- Internet-alternativ
- Fliken Allmänt)
- Teckensnitt (knapp)
- Välj kusin i området "Vanligt textstilsort"
- Klicka på OK
- Starta om webbläsaren
I Firefox
- Firefox-menyn
- Alternativ / Alternativ
- Innehåll (flik)
- Avancerat (knapp, under "Teckensnitt och färger")
- Klicka på rullgardinsmenyn bredvid “Monospace”, välj Cousine
- Klicka på OK
- Starta om webbläsaren
I Google Chrome
- Verktyg (skiftnyckelsymbol uppe till höger)
- alternativ
- Under huven (sidofältmenyn till vänster)
- Anpassa teckensnitt … (knapp)
- Välj "Fixed-font font" -menyn som Cousine.
- Rulla uppåt (om det behövs), klicka på X för att stänga, det kommer automatiskt att spara, stänga fliken.
- Starta om webbläsaren
Testa det nyligen valda typsnittet för teletyp / monospace
Det enklaste sättet att testa ditt nya typsnitt är att ladda upp en vanlig textfil i webbläsaren; detta visar ingenting annat än monospace-teckensnittet eftersom det är helt vanlig text.
Exemplet jag använder nedan är http://www.textfiles.com/internet/bd_appd.txt om du vill använda det för dina egna teständamål.
Så här ser det ut med det gamla Courier New:
Så här ser det ut med Cousine:
Som du tydligt kan se, är kusin i anti-aliasform rundare, tjockare och mycket lättare att läsa på ögonen.
Andra tillgängliga freebie monospace-teckensnitt och andra användningsområden där de är praktiska
Google Web Fonts har i synnerhet några riktigt bra val för typsnitt på typ / monospace / terminalstil.
Varför är Google Web Fonts så bra? Eftersom den stora majoriteten av tillgängliga teckensnitt är fullständiga . Speciellt med monospace-teckensnitt är detta absolut obligatoriskt. Så vitt jag vet är det inga teckensnitt i GWF som saknar tecken / glyfer; alla teckensnitt där finns en komplett uppsättning bokstavligen från A till Ö och överallt däremellan.
Vilka applikationer är lämpliga typsnittssnitt för förutom webbläsare? Om du arbetar i en företags IT-miljö där du regelbundet måste få åtkomst till en stordator via en terminalklient i Windows, kommer du att använda bättre monospace-teckensnitt till en gud. För utskrift (som i tryck-till-papper) -syfte ser moderna typsnittssnitt mycket bättre ut och är mycket lättare att läsa.
Richs rekommendationer för bättre typsnitt
Ladda ner dessa på samma sätt som Cousine gjorde som ovan. Nedladdningslänken kommer att ligga längst ner för varje fontlänk du besöker nedan.
- Droid Sans Mono
- Ubuntu Mono
- Nova Mono