Clear Type-schermlettertype verzachten. Anti-aliasing van weblettertypen met CSS

ClearType-technologie is ontworpen om de weergave van lettertypen op LCD-monitoren te verbeteren.

In Windows 7 is het vloeiend maken van lettertypen standaard ingeschakeld en wordt deze automatisch geconfigureerd volgens de specificaties van uw monitor. Als de automatische instellingen u niet bevallen, kunt u de ClearType-instellingen handmatig aanpassen.

Voorbereiden om ClearType te configureren

Om lettertypeverzachting correct te configureren met ClearType-technologie, moet u het volgende doen:

1. Installeer de nieuwste versie van het videokaartstuurprogramma. Dit stuurprogramma moet speciaal voor Windows 7 door de fabrikant van uw videokaart zijn geschreven.

2. Installeer het nieuwste monitorstuurprogramma dat compatibel is met Windows 7.

3. Stel de schermresolutie in waarmee u prettig kunt werken.

4. Vul in als u dit nog niet heeft gedaan.

ClearType instellen

1. Om de instellingen voor het verzachten van lettertypen aan te passen, klikt u op Start en voert u de opdracht in de zoekbalk in stem af en druk op Enter.

Het proces van het instellen van lettertypeverzachting zou niet moeilijk moeten zijn.

1. Om het vloeiend maken van lettertypen in Windows 7 uit te schakelen, opent u Configuratiescherm -> Systeem -> Geavanceerde systeeminstellingen.

2. Openen Prestatieopties en op het tabblad Visuele effecten schakel het selectievakje uit Maak gekartelde schermlettertypen glad.

3. Klik OK tweemaal.

Nu zult u merken dat de lettertypen in de interface van programma's en het besturingssysteem te hoekig en te klein worden weergegeven. De reden is dat in Windows 7 "Segoe UI" is ingesteld als het hoofdlettertype, het verschillende schalen heeft en is ontworpen voor anti-aliasing.

Systeemlettertypen configureren wanneer anti-aliasing is uitgeschakeld

1. Om de normale weergave van vensters aan te passen, opent u Configuratiescherm -> Personalisatie -> Kleur en uiterlijk van venster -> Extra ontwerpopties...

2. De vervolgkeuzelijst bestuurt de weergaveparameters van de meeste interface-elementen van Windows 7. Stel het Tahoma-lettertype, lettergrootte 8 in, in de volgende items in de vervolgkeuzelijst:

Tooltip
Gemarkeerd menu-item
Actieve venstertitel
Inactieve venstertitel
Icon
Paneelnaam
Berichtenvak
Menubalk

Houd er rekening mee dat er twee velden voor Grootte in dit instellingenvenster staan. De bovenmarge is de grootte van het Windows-interface-element en de ondermarge is de lettergrootte. Dus, Om de lettergrootte aan te passen, brengt u wijzigingen aan in de ondermarge en laat de bovenmarge ongewijzigd.

3. In paragraaf Bedieningsknoppen voor het raam stel de grootte in op 21 (in het bovenste veld “Grootte”) om de standaardgrootten van de knoppen “Sluiten”, “Samenvouwen” en “Uitbreiden” te behouden.

4. Klik OK.

Scherm en lettertypen

Nieuwe artikelen

Opmerkingen (10) bij "ClearType beheren - lettertype verzachten in Windows 7"

Dit is allemaal duidelijk... Maar wat te doen met het “schalen” van lettertypen als u de schermresolutie wijzigt naar minder dan de “aanbevolen” resolutie? Dezelfde anti-aliasing is weer ingeschakeld... hoewel het overal lijkt te zijn uitgeschakeld... zelfs in het register. Hoe schakel ik schaling bij een lage schermresolutie uit?

LAV, we hebben niets geschreven over het register. Anders heb je Cleartype uitgeschakeld, dus we kunnen je geen advies geven. Volgens onze gids is het vloeiend maken van lettertypen volledig uitgeschakeld en niet ingeschakeld bij het wijzigen van de resolutie of schaling.

Ik heb het in eerste instantie uitgeschakeld op dezelfde manier als in uw artikel en pas daarna naar het register gegaan. Het probleem is al opgelost. Het bleek in een verkeerde driver te zitten voor mijn videokaart, die Windows 7 installeert en niet vervangen wil worden door de originele. Dit stuurprogramma geeft lettertypen normaal gesproken alleen weer in de “aanbevolen” resolutiemodus, en begint ze bij andere resoluties “verzachten”. Met behulp van een screenshot waarop het lettertype niet is afgevlakt, kon worden vastgelegd dat de lettertypen in feite normaal worden weergegeven en alleen in een reeds “afgevlakte” vorm op het scherm worden weergegeven.
De technische ondersteuning van Microsoft reageerde snel en repareerde het stuurprogramma.

Interessant... Wat voor soort driver en welk model videokaart?

Naar mijn mening werkt ClearType uitstekend, zelfs op mijn CRT-monitor. Alle lettertypen zien er veel beter uit dan bij reguliere anti-aliasing

Afhankelijk van de bestuurder. Voordat er nieuwe stuurprogramma's voor mijn nVidia uitkwamen, heb ik anti-aliasing uitgeschakeld (er was wazigheid), maar nu, na het installeren van de nieuwe stuurprogramma's, gebruik ik anti-aliasing.

mensen, ik begrijp niet waar jullie de personalisatie in het configuratiescherm vandaan hebben?...Ik heb zo'n item niet, ondanks het feit dat het Windows is...

Paulus Open bijvoorbeeld het bedieningspaneel in de weergavemodus “grote pictogrammen”. “Personalisatie” bevindt zich na “Mapopties” en vóór “Remote Desktop Connections”.

Is er een manier om het vloeiend maken van lettertypen in Windows 7 op "Normaal" te zetten? Deze modus is beschikbaar in XP, maar ik heb hem niet gevonden in 7.

Waarom wil ik het installeren? Ik wil niet dat kleine lettertypen worden afgevlakt, omdat dit onaangenaam en ongebruikelijk is voor mijn ogen, net zoals het niet gladstrijken van grote lettertypen.

Hoe kan ik ervoor zorgen dat lettertypen tot 15 px geen anti-aliasing hebben in Windows 7, maar die van 15 px en hoger wel anti-aliasing?

Bij voorbaat dank.

Alexey, absoluut niet.

Goede dag, beste lezers.

De laatste tijd krijg ik vaak een vraag in brieven: “Hoe kan ik ervoor zorgen dat lettertypen er beter uitzien op het scherm in Windows 7?”

Om deze vraag niet elke keer te beantwoorden, besloot ik dit artikel te schrijven.
Dus laten we lezen.

Met het Windows 7-besturingssysteem kunt u ClearType heel eenvoudig in- of uitschakelen en configureren zodat het optimaal op uw monitor werkt. Laten we eens kijken hoe u ClearType-lettertypen kunt weergeven zoals u dat wilt.

Wat is ClearType?

ClearType is een technologie voor het verzachten van lettertypen die werd geïntroduceerd in Windows XP. ClearType is ontworpen om lettertypen op een LCD-scherm vloeiender te maken. Lettertypen zien er gekarteld uit op LCD-monitoren omdat ze vaste pixels hebben; dit probleem doet zich niet voor bij CRT-schermen omdat deze geen vaste punten hebben. Hoewel ClearType in XP standaard was uitgeschakeld, is het in Windows 7 nu standaard ingeschakeld, omdat de meeste computers die in de afgelopen vijf jaar zijn gekocht, worden gebruikt met LCD-monitoren.

ClearType gebruikt verschillende opties voor kleurschakering voor tekst om deze gemakkelijker leesbaar te maken, terwijl traditionele tekstweergave alleen zwarte pixels toont die er gekarteld uitzien op het scherm. Dus met een toename van 500% in de standaardtekstweergave ziet het er als volgt uit:

Wanneer u ClearType inschakelt, ziet de tekst er al anders uit. Let op de schaduwkleur rond de tekens, waardoor de lettertypen er vloeiender uitzien als ze op LCD-schermen worden bekeken.

Zoals u op deze afbeelding kunt zien, ziet tekst er bij normale zoomniveaus veel mooier uit als ClearType is ingeschakeld. Maar onthoud: ClearType is ontworpen voor LCD-schermen, dus als u nog steeds een oude CRT-monitor gebruikt, wilt u ClearType uitschakelen.

Schakel ClearType in.

De eenvoudigste manier om ClearType in Windows 7 in te stellen, is door "ClearType" zonder aanhalingstekens in de zoekbalk van het Start-menu te typen en "ClearType-tekst aanpassen" te selecteren in de zoekresultaten.

Hierna verschijnt een wizard die u helpt bij het in- of uitschakelen van ClearType in Windows 7

ClearType zou standaard moeten zijn ingeschakeld, maar als dat niet het geval is, kunt u het vakje aanvinken om een voorbeeld te bekijken van hoe uw tekst eruit zal zien als ClearType is ingeschakeld.

U kunt het selectievakje ook uitschakelen om te zien hoe de tekst eruit zal zien als de ClearType-technologie is uitgeschakeld.

Normaal gesproken ziet tekst er veel slechter uit op LCD-schermen. Maar het inschakelen van deze technologie is niet voldoende; het moet correct worden geconfigureerd. Dit is waar we het hierna over zullen hebben.

Nadat u ClearType hebt ingeschakeld, klikt u op Volgende onder aan het dialoogvenster. Windows controleert of uw primaire monitor is ingesteld op de oorspronkelijke resolutie. Als dit niet het geval is, moet u deze eerst wijzigen.

Hierna wordt u gevraagd om uit verschillende opties een tekst te selecteren die voor u het handigst (mooi) is om te lezen. Deze procedure wordt 4 keer herhaald. Kies de opties die u goed lijken.

Klik daarna op Voltooien om de nieuwe instellingen voor het vloeiend maken van lettertypen op te slaan en te activeren. Als alles er niet naar wens uitziet, voer dan eenvoudigweg de ClearType-wizard opnieuw uit zoals hierboven beschreven en kies verschillende instellingen.

Ter afsluiting van het artikel wil ik opmerken dat sommige applicaties hun eigen technologie voor het verzachten van lettertypen gebruiken. Als u in sommige programma's tekst ziet die er niet zo goed uitziet als u zou willen, controleer dan de programma-instellingen om er zeker van te zijn dat lettertypeverzachting is ingeschakeld.

Let op: Als uw Acer-laptop kapot is, kijk dan eens goed naar het XboxFlash-bedrijf, dat Acer-laptops repareert in Moskou. Er is een 24/7 ondersteuningstelefoonnummer.

Apple en Microsoft zijn het altijd oneens geweest over de manier waarop lettertypen op een computerscherm moeten worden weergegeven. Beide bedrijven gebruiken echter subpixelweergave om scherper ogende lettertypen te verkrijgen. Het verschil ligt in het renderingalgoritme. Apple probeert het ontwerp van het lettertype zoveel mogelijk te behouden, maar wel een lichte onscherpte toe te staan. Microsoft past karakters binnen de pixelgrenzen aan, wat vervaging voorkomt en de leesbaarheid verbetert, zelfs als dit niet volledig overeenkomt met de stijl.

Het GDI++-programma is oorspronkelijk ontwikkeld in Japan. Ze moeten hiërogliefen op het scherm weergeven, alle streken erin moeten er mooi en leesbaar uitzien. Maar bij standaard systeemweergave zien ze er verschrikkelijk uit, zelfs als ClearType anti-aliasing is ingeschakeld.

Het hulpprogramma vervangt de rasterisatiemodule van het systeem door zijn eigen module, waardoor het vloeiend maken van lettertypen vergelijkbaar wordt met Mac OS. De ontwikkeling van de originele versie van GDI++ werd in 2006 stopgezet, maar de broncode van de bibliotheek is openbaar gemaakt, zodat het project nu door enthousiastelingen wordt ondersteund. De meest stabiele versie met configuraties voor verschillende monitoren is bijgevoegd.

GDI.8.1.2009.0101.zip (433.013 bytes)

Lanceer via gditray.exe en selecteer een configuratie via het menu Voorkeuren in Gebruik in de lade. Ik kan geen definitieve aanbevelingen geven, probeer verschillende configuratie-opties, kies degene die het beste bij uw monitor past. In-/uitschakelen via de menu-items Inschakelen en Uitschakelen.

U kunt GDI++ alleen voor een specifiek programma starten. Hiervoor moet u een startsnelkoppeling maken, waarbij u het doelprogramma opgeeft als parameter voor het bestand gdi++.exe.

"C:\Program Files\GDI++\gdi++.exe" "C:\Windows\notepad.exe"
Een andere GDI++-ontwikkelingsoptie die ik beter vond, is gdipp. De voordelen zijn dat het correct werkt onder 64-bits systemen, als een service op het systeem wordt geïnstalleerd en, naar mijn mening, beter kan renderen dan zijn voorloper. Hoewel dit allemaal subjectief is.

De meest moderne optie is MacType. Er is een meertalige interface, inclusief Russisch, een keuze aan startopties en meer geavanceerde instellingen. Laatste update uit 2013. Blijkbaar is dit nu de meest optimale optie om te gebruiken.

MacType.1.13.1231.zip (3.124.190 bytes)

Naast de Japanners worden de voordelen van GDI++ door veel gebruikers over de hele wereld gewaardeerd. Dit geldt vooral voor degenen die veel tijd moeten besteden aan het werken met teksten. Ik heb bijvoorbeeld mijn code-editor en browser bijna altijd open; een comfortabele perceptie van grote hoeveelheden tekstinformatie is erg belangrijk voor mij. En wat was het leuk om te werken! Hier ziet u bijvoorbeeld hoe Sublime Text eruit ziet met de lettertypen "Anonymous Pro" en "PragmataPro". In screenshots is dit misschien niet zo merkbaar, maar in de praktijk is het verschil merkbaar, vooral op een grote monitor.

En zo begon het lettertype er uit te zien in mijn favoriete browser, Firefox, en in de Total Commander-bestandsbeheerder. Het renderen met GDI++ is vloeiender geworden, letters zien er krachtiger uit en de ogen worden zelfs minder vermoeid.

Helaas waren er enkele minpunten. Sommige programma's begonnen een beetje langzamer te worden tijdens het scrollen door tekst. Voor gdipp gebeurt de configuratie van uitzonderingsprogramma's in het bestand gdipp_setting.xml, die zich in de map met het geïnstalleerde programma bevindt. Na het aanbrengen van wijzigingen moet de service opnieuw worden gestart. Uitzonderingen worden bepaald door de namen van de uitvoerbare bestanden, er zijn al verschillende vooraf ingestelde waarden, u kunt eenvoudig uw eigen waarden toevoegen:

conhost\.exe
dwm\.exe
logonui\.exe
service\.exe
spoolsv\.exe

Gegroet, beste lezers.

Vandaag wil ik het hebben over een tool als ClearType. Het is ingebouwd in Microsoft-besturingssystemen. Met deze oplossing kunt u de weergave van tekst op de monitor aanzienlijk verbeteren, ongeacht de structuur en parameters. Verderop in het artikel zal ik je vertellen wat font smoothing is in Windows 10 en andere versies, en hoe je dit precies kunt inschakelen.

Algemene informatie

Zoals hierboven vermeld, biedt Windows een speciaal hulpmiddel waarmee u de weergave van tekst kunt verbeteren. Dit element is een afzonderlijke technologie voor het verzachten van lettertypen. Het is ontworpen voor gemakkelijker lezen op LCD-schermen, zoals TFT, OLED en andere. In het verleden was het aansluiten van deze bron niet nodig omdat er gebruik werd gemaakt van kathodestraalbuismonitors. Tegelijkertijd werd in de Vista-versie de hierboven beschreven functie automatisch ingeschakeld, en daarom zagen de symbolen er op oude monitoren ongewoon en lelijk uit en zagen ze er ongemakkelijk uit om te bekijken.

ClearType instellen in Windows 7-10

Veel gebruikers van verschillende personal computers of laptops zijn geïnteresseerd in het in-, configureren of uitschakelen van de beschreven tool. Hoe kan dit nuttig zijn? Zoals helemaal aan het begin vermeld, leiden sommige standaardinstellingen die standaard zijn geïnstalleerd niet alleen tot niets, maar zitten ze zelfs in de weg. In dergelijke gevallen lijkt het lettertype wazig of op zijn minst ongebruikelijk.

Belangrijk! U moet duidelijk begrijpen dat het hele probleem in ClearType zit, en niet in de verkeerd ingestelde schermresolutie. Dit gebeurt tenslotte soms. Daarom is het beter om eerst deze parameter te controleren en pas daarna de rest te configureren.

Belangrijk! Om alle daaropvolgende acties van kracht te laten worden, moet u over beheerdersrechten beschikken.

U kunt de weergave van symbolen wijzigen met behulp van het juiste hulpmiddel:

Dat is het. Als u om de een of andere reden het resultaat plotseling niet leuk vindt, kunt u altijd terugkeren naar deze procedure.

Hoe Apple-lettertype installeren?

Er zijn veel meningen over welk besturingssysteem beter is. Maar er zijn bepaalde punten waarmee het bijna onmogelijk is om te discussiëren. Niemand kan bijvoorbeeld beweren dat het ontwerp van Mac OS beter is dan dat van de rest van de markt. Daarom nemen veel mensen het gewoon als basis.

Ondanks het feit dat Win zijn eigen tool heeft om de weergave van symbolen te "verbeteren", willen veel mensen ze zien zoals in Mac OS. En hiervoor zijn er twee oplossingen voor het probleem. Het zijn kleine Gdipp- en MacType-applicaties.

De eerste is een open source-project dat werkt aan een alternatieve methode voor het omgaan met lettertypen in Win. En tegelijkertijd is een soepele en vooral prettig leesbare opzet verzekerd. Het wordt meestal aangetroffen in Apple OS- en Linux-distributies.

Gdipp ondersteunt zowel 32- als x64-bit-versies van Microsoft-systemen. Wat moeten gebruikers doen? Ga gewoon naar de officiële ontwikkelaarsbron, download de nieuwste build en installeer deze.

Het is belangrijk op te merken dat in sommige toepassingen de tekstweergave lastig kan lijken.

Dit gebeurt als gevolg van verschillen in architectuurstandaarden.

Bovendien is de MacType-oplossing erg populair. Over het algemeen voert het dezelfde functies uit als de vorige tool. Maar tegelijkertijd heeft het extra mogelijkheden, waaronder de lancering van de 1703-assemblage op Windows.

Er is nog een factor: anti-aliasing, waar niet alle browsers (inclusief Chrome) vriendelijk mee zijn bij het gebruik van niet-standaard lettertypen, hoewel standaardlettertypen ook niet alles gladstrijken. Het blijkt dat het lettertype hoekig wordt en de randen scherp zijn, wat niet erg prettig is om te lezen.

Als u een lettertype van derden moet gebruiken, bijvoorbeeld met "Google.Fonts", dan is de meest betrouwbare methode het maken van een volledige set lettertypeformaten, inclusief SVG. U kunt het bijvoorbeeld alleen voor kopjes gebruiken.

Als het lettertype standaard is, kun je meteen naar de onderstaande CSS-methode gaan, omdat deze heel eenvoudig en duidelijk is.

Basis CSS-methoden om lettertypen leesbaarder te maken

CSS-methode

Deze methode is erg minimalistisch, omdat je om deze te implementeren slechts 3 regels code nodig hebt en de klasse “title” aan de anti-aliased tekst toewijst. Tekstverzachting vindt plaats vanwege de schaduw en is alleen van toepassing op koppen. Deze methode kan worden beschouwd als een “hack”.

Titel ( tekstschaduw: -1px -1px 1px rgba(255,255,255, 0.2), 1px 1px 1px rgba(255,255,255, 0.2), 1px 1px 1px rgba(0,0,0, 0.7); )

CSS3-methode

Bij het oplossen van het probleem van het vloeiend maken van lettertypen in de Chromium-engine bood een programmeur van Google.Code een snelle oplossing in CSS3. Dit bleek erg rationeel, omdat je SVG- en weblettertypen van derden, die ongeveer 200 ~ 500 KB wegen en extra laadtijd vereisen, kunt achterlaten.

Deze code moet aan het CSS-bestand worden toegevoegd:

Body ( -webkit-font-smoothing: subpixel-antialiased !belangrijk; -webkit-backface-zichtbaarheid: verborgen; -moz-backface-zichtbaarheid: verborgen; -ms-backface-zichtbaarheid: verborgen; )

*deze hint wordt gebruikt voor alle headers op deze site

Deze methode heeft een aantal nadelen:

werkt niet op oudere versies van Chrome onder de 21

De afstand tussen de letters (spatietiëring) van het lettertype kan enigszins veranderen

Het probleem met spatiëring kan worden opgelost met zoiets als deze CSS-code:

Body (lettergrootte: 125%; letterafstand: 0,05em; regelhoogte: 1,3em; ) body > * (lettergrootte: 85%; regelhoogte: 1,3em; )

* Uiteraard moeten deze parameters enigszins worden aangepast aan de kenmerken van de site

Welke methode en hoe deze moet worden toegepast, is een individuele beslissing. Maar het resultaat is hetzelfde: prachtige lettertypen en tevreden lezers.
Als de browser natuurlijk is bijgewerkt.

SVG-methode

U hebt een weblettertypegenerator nodig fontsquirrel.com/tools/webfont-generator

U moet het gewenste lettertype downloaden in het formaat “.otf of .ttf” en deze instellingen instellen:

Ga akkoord met de vereisten en klik op “DOWNLOAD UW KIT”

Na het downloaden van het archief hoeft u alleen het SVG-lettertype aan de site te koppelen, maar het is raadzaam om alle formaten te gebruiken.

CSS-code voor het verbinden van lettertypen, die in een apart bestand kan worden geplaatst:

@font-face ( font-family: "Open Sans"; src: url("/font/opensans.eot"); src: url("/font/opensans.eot?#iefix") format("embedded-opentype "), url("/font/opensans.woff") format("woff"), url("/font/opensans.ttf") format("truetype"), url("/font/opensans.svg#OpenSansRegular ") format("svg"); lettertype: normaal; lettertype-gewicht: normaal; )

* in dit geval bevinden alle Open Sans-lettertypen zich in de map “font” in de hoofdmap van de site

Een paar simpele tips:

Het minimum voor anti-aliasing is om alleen de lettertypen “woff” en “svg” toe te voegen

Om te voorkomen dat het lettertype wordt geladen, kunt u de hele regel van commentaar voorzien /* lettertypeadres */

Op “FontSquirrel” kun je je verdiepen in de instellingen en onnodige lettertypen elimineren

De parameters voor lettertypefamilie, lettertypestijl en lettertypegewicht kunnen optioneel worden geconfigureerd

Op dit moment gebruik ik de volledige set lettertypen op de site, inclusief SVG, omdat de methode betrouwbaarder is en de hostingsnelheid dit toelaat. Als “li.ru” na verloop van tijd zegt dat een gewone RuNet-gebruiker een vrij recente versie van de browser gebruikt, zal ik erover nadenken om over te schakelen naar de pure CSS-methode.