<?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>Lyncis.info &#187; HOWTO</title>
	<atom:link href="http://lyncis.info/en/post/category/howto/feed" rel="self" type="application/rss+xml" />
	<link>http://lyncis.info</link>
	<description>Думки вголос</description>
	<lastBuildDate>Thu, 12 Aug 2010 22:20:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Animated desktop wallpaper for Gnome</title>
		<link>http://lyncis.info/en/post/339</link>
		<comments>http://lyncis.info/en/post/339#comments</comments>
		<pubDate>Tue, 10 Nov 2009 23:17:05 +0000</pubDate>
		<dc:creator>lyncis</dc:creator>
				<category><![CDATA[HOWTO]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Perl]]></category>
		<category><![CDATA[Wallpaper]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://lyncis.info/en/?p=339</guid>
		<description><![CDATA[Some time ago I discovered, that some wallpapers on the web are mostly the same, but slightly differs — for example snowy or green landscape, sunshine or nightly. I don&#8217;t know how with other OS, but Ubuntu Linux (from 9.04) can automatically (and smoothly) change wallpaper in selected time, and these format is open (heh, [...]]]></description>
			<content:encoded><![CDATA[<img src='' width='px' height='px' /><br/><p><a href="http://lyncis.info/en/gnome-yoritsuki-animated-background-wallpaper"><img src="http://lyncis.info/img/gnome-yoritsuki/gnome-animated-wallpaper-daylight.jpg" alt="Gnome animated wallpaper daylight робочий стіл анімований зображення тло стільниця" /></a></p>
<p>Some time ago I discovered, that some wallpapers on the web are mostly the same, but slightly differs — for example snowy or green landscape, sunshine or nightly. I don&#8217;t know how with other OS, but Ubuntu Linux (from 9.04) can automatically (and smoothly) change wallpaper in selected time, and these format is open (heh, that&#8217;s Open Source, dude!). Also, there are lots of Geocoding web-services to get sunset and sunrise time at your location. So why don&#8217;t use it and create such geo-cozy mashup for our desktop?</p>
<p>Let&#8217;s use <a href="http://hybridworks.jp">great wallpapers</a> from <a href="http://www.hybridworks.jp/apps/yoritsuki/#goodiesView">Yoritsuki</a> and <a href="http://hybridworks.jp">Vacation 2008: Into the Sky</a> from <a href="http://hybridworks.jp">HybridWorks.JP</a>.</p>
<p><img src="http://lyncis.info/img/gnome-yoritsuki/yoritsuki_daytime_sml.jpg" alt="Yoritsuki Background Daytime" />   <img src="http://lyncis.info/img/gnome-yoritsuki/yoritsuki_night_sml.jpg" alt="Yoritsuki Background Night" /></p>
<p><a href="http://lyncis.info/uk/gnome-yoritsuki-animated-background-wallpaper">See, download, install and give your feedback.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://lyncis.info/en/post/339/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>16 wonderful free fonts for CSS embedding with @font-face (Live examples)</title>
		<link>http://lyncis.info/en/post/274</link>
		<comments>http://lyncis.info/en/post/274#comments</comments>
		<pubDate>Mon, 05 Oct 2009 18:40:29 +0000</pubDate>
		<dc:creator>lyncis</dc:creator>
				<category><![CDATA[HOWTO]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[Chromium]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web-font]]></category>
		<category><![CDATA[Development]]></category>

		<guid isPermaLink="false">http://lyncis.info/en/?p=274</guid>
		<description><![CDATA[While there are lots of free, open or just &#8220;available for web-embedding&#8221; fonts, most of them are ready to display only strict set of &#8220;latin-1&#8243; characters. So, I&#8217;ve spent little time and found several fonts that have some Unicode support — Cyrillic symbols for rendering Cyrillic content (Ukrainian, Russian, Belorussian, Kazakh etc.). These fonts have [...]]]></description>
			<content:encoded><![CDATA[<img src='' width='px' height='px' /><br/><p><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Adobe_Caslon_a.svg/114px-Adobe_Caslon_a.svg.png" style="height:114px; width: 114px; float:right; margin-left:10px" alt="Adobe Calson A" />While there are lots of free, open or just &#8220;available for web-embedding&#8221; fonts, most of them are ready to display only strict set of &#8220;latin-1&#8243; characters. So, I&#8217;ve spent little time and found several fonts that have some Unicode support — Cyrillic symbols for rendering Cyrillic content (Ukrainian, Russian, Belorussian, Kazakh etc.). These fonts have GPL, Apache or OpenFont licensing.</p>
<p>So, here they go:</p>
<ul>
<li>Serifs: <a href="http://lyncis.info/uk/post/274#biolinum">Biolinum</a>, <a href="http://lyncis.info/uk/post/274#charis">Charis SIL</a>, <a href="http://lyncis.info/uk/post/274#cmu-concrete">CMU Concrete</a>, <a href="http://lyncis.info/uk/post/274#cmu-typewriter">CMU Typewriter Mono</a>, <a href="http://lyncis.info/uk/post/274#heuristica">Heuristica</a>, <a href="http://lyncis.info/uk/post/274#liberation-serif">Liberation Serif</a> and <a href="http://lyncis.info/uk/post/274#libertine">Linux Libertine</a>.</li>
<li>and Sans-serifs: <a href="http://lyncis.info/uk/post/274#cmu-bright">CMU Bright</a>, <a href="http://lyncis.info/uk/post/274#droid-sans">Droid Sans</a>, <a href="http://lyncis.info/uk/post/274#graublau">Graublau</a>, <a href="http://lyncis.info/uk/post/274#liberation-mono">Liberation Mono</a>, <a href="http://lyncis.info/uk/post/274#liberation-sans">Liberation Sans</a> and M<sup>+</sup> typefaces: <a href="http://lyncis.info/uk/post/274#mplus-1c-light">1C Light</a>, <a href="http://lyncis.info/uk/post/274#mplus-1p-regular">1P Regular</a>, <a href="http://lyncis.info/uk/post/274#mplus-1p-thin">1P Thin</a> and <a href="http://lyncis.info/uk/post/274#mplus-2p-regular">2P Regular</a>.</li>
</ul>
<p>Be careful,  this page is showing live embedding examples here and now, so you probably should look at this page at my site, because only there fonts are embedded. And notice — these fonts took together near 15MiB.</p>
<p>Also, to see the examples, you should know, that font-embedding (OpenType and TrueType) works in next browsers: <strong>Firefox/3.5+</strong>, <strong>Opera/10+</strong>, <strong>Safari/3.1+</strong>, <strong>Google Chrome (Chromium)</strong> (<a href="http://lyncis.info/en/post/267">how to make Google Chrome display remote fonts with @font-face</a>) — all modrn browsers, except of Internet Explorer — it is able to draw fonts in it&#8217;s own format Embedded OpenType. Converting tool from Microsoft is free, but I don&#8217;t know yet if there are licensing issues with the convertion, but I&#8217;m going to research this. So you&#8217;d better catch my RSS.</p>
<h4>Rendering issues on different OS and browsers</h4>
<p>Different OS — different font rendering. Also, try this page in different browsers to see what&#8217;s going on. Moreover, remote fonts are not system-wide fonts, so rendering is really different.</p>
<p>IMHO, best font rendering is MacOS and Safari. Next is going Chrome in Linux, which is slightly better than Firefox and Opera in same Linux. And finally — Windows, where XP is the worst renderer.</p>
<p>In order to see the difference (or see the fonts, if you have Internet Explorer or old version of other browser), I&#8217;ve included &#8220;Reference Rendering&#8221; image near each font. Just click on it and see the difference, probably you use not the best browser, and missing something beautiful in the modern web. The reference pictures are in PNG format and made from this page in Chromium/4.0.220.1 (Developer build 27609) in Ubuntu Linux 9.04 Jaunty.</p>
<p><span id="more-274"></span></p>
<style>@import url("/fonts/cyrillic-fonts.css");</style>
<h4><a name="biolinum" href="#biolinum">Biolinum</a></h4>
<p>This font could be interesting, at least for headings, but it&#8217;s not very usable in a large amounts of plain texts. Rendering of this font in different OS and browsers are pretty good.</p>
<p><a href="/fonts/reference/reference-biolinum.png" rel="lightbox">Reference Picture</a>. Licensing:  <strong>OpenFont License</strong>.<br />
Download font for free: <a href="http://linuxlibertine.sourceforge.net/">http://linuxlibertine.sourceforge.net/</a></p>
<div id="ln-biolinum" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="charis" href="#charis">Charis SIL Regular</a></h4>
<p>Good serif font for large texts, with easy reading. It&#8217;s also suitable for headings. While font supports wide range of Unicode, it has large size of font file — near 1MiB. Font has good rendering in most browsers.</p>
<p><a href="/fonts/reference/reference-charis.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong>OpenFont License</strong>.<br />
Download font for free: <a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;item_id=CharisSILFont">http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;item_id=CharisSILFont</a></p>
<div id="ln-charis" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="cmu-concrete" href="#cmu-concrete">CMU Concrete</a></h4>
<p>The typewriter-like typeface, like <a name="cmu-concrete" href="#cmu-typewriter">CMU Typewriter</a>, but proportional. Good for headings.</p>
<p><a href="/fonts/reference/reference-cmu-concrete.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;id=OFL">SIL OpenFont License</a></strong>.<br />
Download font for free: <a href="http://canopus.iacp.dvo.ru/~panov/cm-unicode/">http://canopus.iacp.dvo.ru/~panov/cm-unicode/</a></p>
<div id="ln-cmu-concrete" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="cmu-bright" href="#cmu-bright">CMU Bright</a></h4>
<p>Just unstandard sans-serif, with interesting (and only suitable) rendering in Chrome and Safari.</p>
<p><a href="/fonts/reference/reference-cmu-bright.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;id=OFL">SIL OpenFont License</a></strong>.<br />
Download font for free: <a href="http://canopus.iacp.dvo.ru/~panov/cm-unicode/">http://canopus.iacp.dvo.ru/~panov/cm-unicode/</a></p>
<div id="ln-cmu-bright" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="cmu-typewriter" href="#cmu-typewriter">CMU Typewriter (Mono)</a></h4>
<p>True typewriter monospaced font, clone of <a name="cmu-concrete" href="#cmu-concrete">CMU Concrete</a>. I suppose it&#8217;s suitable even for console and development environments. But there could be hinting problems on Windows.</p>
<p><a href="/fonts/reference/reference-cmu-typewriter.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;id=OFL">SIL OpenFont License</a></strong>.<br />
Download font for free: <a href="http://canopus.iacp.dvo.ru/~panov/cm-unicode/">http://canopus.iacp.dvo.ru/~panov/cm-unicode/</a></p>
<div id="ln-cmu-typewriter" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо. Факт ґринджол: бій псюг вщух, з’їм шче яєць. Єхидна, ґава, їжак ще й шиплячі плазуни бігцем форсують Янцзи.<br />
public void main() {<br />
&nbsp;&nbsp;&nbsp;System.out.println(&#8220;У ґазди є ж бо гевеї&#8221;);<br />
}<br />
</span></div>
<h4><a name="droid-sans" href="#droid-sans">Droid Sans</a></h4>
<p>Font with Android platform origins. IMHO best multi-purpose font, I use it as main system font in OS. Excellent hinting allows font usage in all sizes, excellent Unicode support and moderate size makes this font to be my #1.</p>
<p><a href="/fonts/reference/reference-droid-sans.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://www.opensource.org/licenses/apache2.0.php">Apache License</a></strong>.<br />
Download font for free: <a href="http://www.silvermail.ch/files/opensource_droid.zip">http://www.silvermail.ch/files/opensource_droid.zip</a></p>
<div id="ln-droid-sans" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="graublau" href="#graublau">Graublau Web</a></h4>
<p>#1 in <a href="http://webfonts.info/wiki/index.php?title=Fonts_available_for_@font-face_embedding">webfonts.info</a> web font list. Excellent for headings, but a bit narrow for main text.</p>
<p><a href="/fonts/reference/reference-graublau.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong>@font-face</strong>.<br />
Download font for free: <a href="http://www.fonts.info/">http://www.fonts.info/</a></p>
<div id="ln-graublau" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="heuristica" href="#heuristica">Heuristica</a></h4>
<p>Font based on Adobe Utopia, good serif for large texts.</p>
<p><a href="/fonts/reference/reference-heuristica.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;item_id=OFL">OpenFont License</a></strong>.<br />
Download font for free: <a href="ftp://ftp.dvo.ru/pub/Font/heuristica/">ftp://ftp.dvo.ru/pub/Font/heuristica/</a></p>
<div id="ln-heuristica" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="liberation-mono" href="#liberation-mono">Liberation Mono</a></h4>
<p>Open-Source font that have the same metrics, as Monotype&#8217;s Courier New, standart monospaced font on Windows.</p>
<p><a href="/fonts/reference/reference-liberation-mono.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://www.gnu.org/licenses/gpl-2.0.html">GPLv2</a></strong>.<br />
Download font for free: <a href="https://fedorahosted.org/liberation-fonts">https://fedorahosted.org/liberation-fonts</a></p>
<div id="ln-liberation-mono" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="liberation-serif" href="#liberations-serif">Liberation Serif</a></h4>
<p>Open-Source font that have the same metrics, as Monotype&#8217;s Times New Roman, standart serif font on Windows.</p>
<p><a href="/fonts/reference/reference-liberation-serif.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://www.gnu.org/licenses/gpl-2.0.html">GPLv2</a></strong>.<br />
Download font for free: <a href="https://fedorahosted.org/liberation-fonts">https://fedorahosted.org/liberation-fonts</a></p>
<div id="ln-liberation-serif" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="liberation-sans" href="#liberations-sans">Liberation sans</a></h4>
<p>Open-Source font that have the same metrics, as Monotype&#8217;s Arial, standart serif font on Windows.</p>
<p><a href="/fonts/reference/reference-liberation-sans.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://www.gnu.org/licenses/gpl-2.0.html">GPLv2</a></strong>.<br />
Download font for free: <a href="https://fedorahosted.org/liberation-fonts">https://fedorahosted.org/liberation-fonts</a></p>
<div id="ln-liberation-sans" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="libertine" href="#libertine">Linux Libertine</a></h4>
<p>Interesting serif. Should be good at large sizes, at headings.</p>
<p><a href="/fonts/reference/reference-libertine.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong><a href="http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&#038;item_id=OFL">OpenFont License</a></strong>.<br />
Download font for free: <a href="http://linuxlibertine.sourceforge.net/">http://linuxlibertine.sourceforge.net/</a></p>
<div id="ln-libertine" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="mplus-1c-light" href="#mplus-1c-light">M<sup>+</sup> 1C Light</a></h4>
<p>The М<sup>+</sup> fonts are the art of fonts. This light sans-serif is good in reading, excellent in heading. I recommend it.</p>
<p><a href="/fonts/reference/reference-mplus-1c-light.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong>Public Domain</strong>.<br />
Download font for free: <a href="http://mplus-fonts.sourceforge.jp/webfonts/">http://mplus-fonts.sourceforge.jp/webfonts/</a></p>
<div id="ln-mplus-1c-light" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="mplus-1p-regular" href="#mplus-1p-regular">M<sup>+</sup> 1P Regular</a></h4>
<p>A bit thicker than previous, but more suitable for main text.</p>
<p><a href="/fonts/reference/reference-mplus-1p-regular.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong>Public Domain</strong>.<br />
Download font for free: <a href="http://mplus-fonts.sourceforge.jp/webfonts/">http://mplus-fonts.sourceforge.jp/webfonts/</a></p>
<div id="ln-mplus-1p-regular" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="mplus-1p-thin" href="#mplus-1p-thin">M<sup>+</sup> 1P Thin</a></h4>
<p>Superior extra-light font. Just for headings, but it could make your page extra-light.</p>
<p><a href="/fonts/reference/reference-mplus-1p-thin.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong>Public Domain</strong>.<br />
Download font for free: <a href="http://mplus-fonts.sourceforge.jp/webfonts/">http://mplus-fonts.sourceforge.jp/webfonts/</a></p>
<div id="ln-mplus-1p-thin" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
<h4><a name="mplus-2p-regular" href="#mplus-2p-regular">M<sup>+</sup> 2P Regular</a></h4>
<p>М<sup>+</sup> 2* fonts has little difference in characters, but still easy recognizable М<sup>+</sup>.</p>
<p><a href="/fonts/reference/reference-mplus-2p-regular.png" rel="lightbox">Click to see reference picture</a>. Licensing: <strong>Public Domain</strong>.<br />
Download font for free: <a href="http://mplus-fonts.sourceforge.jp/webfonts/">http://mplus-fonts.sourceforge.jp/webfonts/</a></p>
<div id="ln-mplus-2p-regular" class="wk-font-example">
<div class="wk-font-head">The quick brown fox jumps наче хащі фацелій.</div>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Чуєш їх, доцю, га? Кумедна ж ти, прощайся без ґольфів! Гей, хлопці, не вспію &#8211; на ґанку ваша файна їжа знищується бурундучком. Жебракують філософи при ґанку церкви в Гадячі, ще й шатро їхнє п’яне знаємо.<br />
</span></div>
]]></content:encoded>
			<wfw:commentRss>http://lyncis.info/en/post/274/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Make your web nicer with web-fonts: Google Chrome + @font-face</title>
		<link>http://lyncis.info/en/post/267</link>
		<comments>http://lyncis.info/en/post/267#comments</comments>
		<pubDate>Sat, 03 Oct 2009 17:22:10 +0000</pubDate>
		<dc:creator>lyncis</dc:creator>
				<category><![CDATA[HOWTO]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Chromium]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://lyncis.info/en/?p=267</guid>
		<description><![CDATA[Unfortunately, the might and powerful his magesty Google Chrome or Chromium is unable to download and display custom fonts. BTW, its closest relative, Apple Safari, which is also based on WebKit, able to display fonts from third version. Fortunately, this is just an option by default. You just have to say it your desire to [...]]]></description>
			<content:encoded><![CDATA[<img src='' width='px' height='px' /><br/><p><img style="float: right; border: 0px;margin: 0 0 5px 5px;width:128px; height:128px;" src="http://sites.google.com/a/dkszone.net/logos/images/128x128_chrome-logo.png" alt="Google Chrome Logo" />Unfortunately, the might and powerful his magesty <em>Google Chrome</em> or <em>Chromium</em> is unable to download and display custom fonts. BTW, its closest relative, Apple Safari, which is also based on WebKit, able to display fonts from third version.</p>
<p>Fortunately, this is just an option <em>by default</em>. You just have to say it your desire to see downloadable fonts, via command line. <span id="more-267"></span></p>
<p>In Linux:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;">chromium-browser <span style="color: #660033;">--enable-plugins</span> <span style="color: #660033;">--enable-remote-fonts</span> <span style="color: #000000; font-weight: bold;">%</span>U</pre></div></div>

<p>In MacOS:</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">/</span>Applications<span style="color: #000000; font-weight: bold;">/</span>Chromium.app<span style="color: #000000; font-weight: bold;">/</span>Contents<span style="color: #000000; font-weight: bold;">/</span>MacOS<span style="color: #000000; font-weight: bold;">/</span>Chromium <span style="color: #660033;">--enable-remote-fonts</span></pre></div></div>

<p>In Windows that <a href="http://paulirish.com/wp-content/uploads/2009/09/chrome-exe-remote-fonts-switch.png">looks like this</a>.</p>
<p>And than look at reference: <a href="http://www.css3.info/preview/web-fonts-with-font-face/">http://www.css3.info/preview/web-fonts-with-font-face/</a> or (that&#8217;s excellent!) <a href="http://nicewebtype.com/fonts/graublau-sans-web/">http://nicewebtype.com/fonts/graublau-sans-web</a>. More about web-fonts at <a href="http://webfonts.info">webfonts.info</a>.</p>
<p>P.S. So, now I wonder if there is a command-line option, that will force Chrome to draw round-corners fine (I mean with anti-aliasing).</p>
<p><em>Via <a href="http://paulirish.com/2009/chrome-and-font-face-a-summary/">Paul Irish</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://lyncis.info/en/post/267/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
