<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Undsoft.com &#187; Технологии</title>
	<atom:link href="http://blog.undsoft.com/category/technology/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.undsoft.com</link>
	<description>Всякая IT всячина</description>
	<lastBuildDate>Thu, 06 May 2010 17:12:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ClearType: что это такое и как это настроить?</title>
		<link>http://blog.undsoft.com/technology/clear-type-font-antialiasing/</link>
		<comments>http://blog.undsoft.com/technology/clear-type-font-antialiasing/#comments</comments>
		<pubDate>Sun, 23 Nov 2008 12:22:54 +0000</pubDate>
		<dc:creator>undsoft</dc:creator>
				<category><![CDATA[Технологии]]></category>
		<category><![CDATA[ClearType]]></category>
		<category><![CDATA[интерфейс]]></category>
		<category><![CDATA[сглаживание шрифтов]]></category>

		<guid isPermaLink="false">http://blog.undsoft.com/?p=164</guid>
		<description><![CDATA[
Возможно, вы об этом не задумывались, но вывод текста на экран&#160;&#8212; довольно сложный процесс с множеством нюансов. Одним из таких нюансов является сглаживание шрифтов. Почти наверняка сейчас оно у вас работает, хотя вы и не включали его нигде, и покажи вам сейчас экран без сглаживания шрифтов, вы подумаете: &#171;Что это за creepy буковки такие?&#187;. 




Вот, например, [...]]]></description>
			<content:encoded><![CDATA[<p><a class="picture_header picture_header_nd" href="http://blog.undsoft.com/technology/clear-type-font-antialiasing/"><img src="http://blog.undsoft.com/wp-content/uploads/clear-type-header.jpg" alt="clear-type-header" title="clear-type-header" width="421" height="110" class="aligncenter size-full wp-image-592" /></a></p>
<p>Возможно, вы об этом не задумывались, но вывод текста на экран&nbsp;&mdash; довольно сложный процесс с множеством нюансов. Одним из таких нюансов является сглаживание шрифтов. Почти наверняка сейчас оно у вас работает, хотя вы и не включали его нигде, и покажи вам сейчас экран без сглаживания шрифтов, вы подумаете: &laquo;Что это за creepy буковки такие?&raquo;. <span id="more-164"></span></p>
<p><br><script type="text/javascript"><!--
google_ad_client = "pub-8060518019241521";
/* 468x60, Второй блог */
google_ad_slot = "4868857930";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<p>Вот, например, сравните эти тексты (нажмите на рисунок, чтобы увидеть текст в полном масштабе):</p>
<p><a href="http://blog.undsoft.com/wp-content/uploads/fonts.png"><img class="aligncenter size-full wp-image-190" title="fonts" src="http://blog.undsoft.com/wp-content/uploads/fonts.png" alt="" width="500" height="190" /></a></p>
<p>Я полагаю что текст номер 1 или 3 вам больше нравится, чем текст номер 2. Хотя это сравнение не совсем корректно, так как я не могу убедится, что вы видите тоже, что и я.</p>
<p>Текст номер 2&nbsp;&mdash; текст без сглаживания. В тексте номер один используется обычный antialiasing, в то время, как в третьем варианте применен ClearType. Чтобы вы сравнили разницу, вот увеличенные версии этих текстов.</p>
<p><a href="http://blog.undsoft.com/wp-content/uploads/no_antialiasing.png"><img class="aligncenter size-full wp-image-191" title="no_antialiasing" src="http://blog.undsoft.com/wp-content/uploads/no_antialiasing.png" alt="" width="500" height="89" /></a></p>
<p>Вот текст без сглаживания. Тот самый, который был во втором варианте. Все построено исключительно на цельных пикселях, из-за этого текст может выглядеть не слишком приятно.</p>
<p><a href="http://blog.undsoft.com/wp-content/uploads/antialiasing.png"><img class="aligncenter size-full wp-image-192" title="antialiasing" src="http://blog.undsoft.com/wp-content/uploads/antialiasing.png" alt="" width="500" height="90" /></a></p>
<p>Текст номер 1&nbsp;&mdash; обычное сглаживание. Видите&nbsp;&mdash; соседние пиксели стали оттенками серого. Это потому что фон&nbsp;&mdash; белый, а текст&nbsp;&mdash; черный. На другом фоне и с другим цветом текста эти соседние пиксели тоже заняли бы промежуточные цвета, чтобы обеспечить плавный переход. Этот тип сглаживания имеет смысл применять на ЭЛТ-мониторах.</p>
<p><a href="http://blog.undsoft.com/wp-content/uploads/cleartype_antialiasing.png"><img class="aligncenter size-full wp-image-193" title="cleartype_antialiasing" src="http://blog.undsoft.com/wp-content/uploads/cleartype_antialiasing.png" alt="" width="500" height="89" /></a></p>
<p>А это ClearType. Применяется на ЖК-экранах в основном.</p>
<p>Вы же знаете, что пиксель на ЖК-мониторе состоит из 3 суб-пикеселей: красного, зеленого, синего (Red, Green, Blue (RGB))? Они расположены настольно близко, что нет никакой возможности заметить их невооруженным взглядом, хотя хороший зум на некоторых фотоаппаратах все же позволяет их увидеть. Эти три суб-пикселя в зависимости от своих цветов определяют цвет пикселя&nbsp;&mdash; точки, которую вы видите на экране.</p>
<p>Суть метода ClearType и состоит в том, чтобы использовать эти отдельные суб-пиксели для сглаживания шрифтов. Таким образом разрешение текста увеличивается в три раза. Процесс сглаживание не так прост, как я описываю, но я думаю, вы должны были понять принцип. Прочитать детальнее вы всегда можете на Вики&nbsp;&mdash; <a href="http://ru.wikipedia.org/wiki/ClearType">http://ru.wikipedia.org/wiki/ClearType</a>.</p>
<p>Не смотря на то, что вблизи текст выглядит довольно странно, в своем нормальном масштабе он читается значительно лучше.</p>
<h2>Настройка ClearType с помощью <strong>ClearType Tuner PowerToy</strong></h2>
<p>В некоторых случаях с ClearType могут возникать проблемы. Возможно, у вас не ЖК-монитор, и вы бы хотели отключить ClearType и использовать обычное сглаживание. Кроме того, на работу ClearType влияет порядок субпикселей: у вас он может быть BGR вместо RGB. Также, ClearType предполагает разную степень контрастности шрифтов -  вы можете регулировать насколько &laquo;черным&raquo; будет шрифт.</p>
<p>Для настройки ClearType можно использовать утилиту от Microsoft&nbsp;&mdash; <strong>ClearType Tuner PowerToy</strong>. Скачать ее можно отсюда: <a href="http://www.microsoft.com/typography/ClearTypePowerToy.mspx">http://www.microsoft.com/typography/ClearTypePowerToy.mspx</a>. Она писалась для Windows XP, но отлично работает и для Windows Vista.</p>
<p><a href="http://blog.undsoft.com/wp-content/uploads/cleartype_power_toy.png"><img class="aligncenter size-medium wp-image-194" title="cleartype_power_toy" src="http://blog.undsoft.com/wp-content/uploads/cleartype_power_toy-300x245.png" alt="" width="300" height="245" /></a></p>
<p>У программы два режима работы: режим мастера и... не мастера <img src='http://blog.undsoft.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  . В режиме мастера на каждом из шагов вам потребуется выбрать текст, который с вашей точки зрения выглядит лучше.</p>
<p>В другом режиме, вы можете собственноручно указать необходимые настройки.</p>
<p>Enjoy.</p>
<p><br><script type="text/javascript"><!--
google_ad_client = "pub-8060518019241521";
/* 468x60, Второй блог */
google_ad_slot = "4868857930";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
<h2  class="related_post_title">Также посмотрите:</h2><ul class="related_post"><li><a href="http://blog.undsoft.com/webdev/users-look/looks-fancy-ignore/" title="Яркое оформление, красивые слова => выглядит как реклама => игнорировать">Яркое оформление, красивые слова => выглядит как реклама => игнорировать</a></li><li><a href="http://blog.undsoft.com/windows-7/windows-7-beta-first-impression/" title="Windows 7 Beta. Первые впечатления">Windows 7 Beta. Первые впечатления</a></li><li><a href="http://blog.undsoft.com/software/how-to-get-rid-of-opera-menubar/" title="Как убрать строку меню из Opera?">Как убрать строку меню из Opera?</a></li><li><a href="http://blog.undsoft.com/windows-vista/windows-vista-themes/" title="Темы для Windows Vista">Темы для Windows Vista</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://blog.undsoft.com/technology/clear-type-font-antialiasing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
