<?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>blog72 &#187; lab72</title>
	<atom:link href="http://www.blog72.net/index.php/category/lab72/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blog72.net</link>
	<description>ครีเอทีฟ ออนไลน์ และ ธุรกิจเว็บไซต์ ข่าวสาร อัพเดท เทคโนโลยี และ เทรนด์ใหม่ๆ ประสบการณ์จาก บริษัท เว็บไซต์ rgb72</description>
	<lastBuildDate>Mon, 06 Feb 2012 02:39:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>lab72: custom fonts</title>
		<link>http://www.blog72.net/2010/06/25/lab72-custom-fonts/</link>
		<comments>http://www.blog72.net/2010/06/25/lab72-custom-fonts/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 18:26:39 +0000</pubDate>
		<dc:creator>sittipong</dc:creator>
				<category><![CDATA[lab72]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[psl]]></category>
		<category><![CDATA[psl kittithada]]></category>
		<category><![CDATA[smb]]></category>
		<category><![CDATA[ตัวอักษร]]></category>
		<category><![CDATA[ภาษาไทย]]></category>

		<guid isPermaLink="false">http://www.blog72.net/?p=927</guid>
		<description><![CDATA[<div addthis:url='http://www.blog72.net/2010/06/25/lab72-custom-fonts/' addthis:title='lab72: custom fonts ' class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>lab72 เป็นโครงการที่เรามีเอาไว้สำหรับทดลองเทคโนโลยี หรือ เทคนิคใหม่ๆ ที่เราได้คิดค้น ศึกษา ลอกชาวบ้าน ต่างๆนานา โดยหวังว่าวันหนึ่งเราจะสามารถนำสิ่งที่คิดได้นี้มาใช้ให้เป็นประโยชน์กับลูกค้าของเราอย่างสูงสุด (พูดแล้วฟังดูดีมากๆ) โดยที่ผ่านมาเราในอดีต เรามีการทดลองเช่น flashpaper, css (ยุคแรกๆ), การคัดกรองเฉพาะข้อมูลที่สำคัญออกมาพิมพ์เมื่อเรากดปุ่ม print โดยลบเอาปุ่ม &#8220;print this page&#8221; ออก, ปัญหาตัวอักษร &#8220;ญ&#8221; กับ flash และอื่นๆอีกมากมาย ทีมพัฒนาก็มีทั้งทีม rgb72 เราเอง และบางครั้งก็มีทีมเพื่อนๆ ที่เข้ามาร่วมแชร์ไอเดียและเทคโนโลยีต่างๆด้วย โดย lab72 นี้เป็นสิ่งที่เรามีอยู่นานแล้ว เพียงแต่ไม่เคยได้พูดถึงกัน วันนี้เราจะมาพูดถึงการศึกษาล่าสุดของเรากัน ก่อนหน้านี้หากเราต้องการใช้ตัวอักษรที่มีหน้าตาแตกต่างออกไปจากตัวอักษรที่มีอยู่ในเครื่อง (ซึ่งแสนจะน่าเบื่อ) เราต้องไปทำตัวอักษรเหล่านั้นใน Photoshop จากนั้นจึง export ออกมาเป็นรูป ล่าสุด ทีม coding ของ rgb72 ได้ศึกษาเรื่องการใช้ custom font หรือการนำแบบตัวอักษรที่นอกเหนือจากแบบที่มีอยู่ในเครื่องคอมพิวเตอร์ทุกเครื่องมาใช้โดยอาศัย JavaScript และ [...]]]></description>
			<content:encoded><![CDATA[<div addthis:url='http://www.blog72.net/2010/06/25/lab72-custom-fonts/' addthis:title='lab72: custom fonts ' class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div><p>lab72 เป็นโครงการที่เรามีเอาไว้สำหรับทดลองเทคโนโลยี หรือ เทคนิคใหม่ๆ ที่เราได้คิดค้น ศึกษา ลอกชาวบ้าน ต่างๆนานา โดยหวังว่าวันหนึ่งเราจะสามารถนำสิ่งที่คิดได้นี้มาใช้ให้เป็นประโยชน์กับลูกค้าของเราอย่างสูงสุด (พูดแล้วฟังดูดีมากๆ) โดยที่ผ่านมาเราในอดีต เรามีการทดลองเช่น flashpaper, css (ยุคแรกๆ), การคัดกรองเฉพาะข้อมูลที่สำคัญออกมาพิมพ์เมื่อเรากดปุ่ม print โดยลบเอาปุ่ม &#8220;print this page&#8221; ออก, ปัญหาตัวอักษร &#8220;ญ&#8221; กับ flash และอื่นๆอีกมากมาย ทีมพัฒนาก็มีทั้งทีม rgb72 เราเอง และบางครั้งก็มีทีมเพื่อนๆ ที่เข้ามาร่วมแชร์ไอเดียและเทคโนโลยีต่างๆด้วย โดย lab72 นี้เป็นสิ่งที่เรามีอยู่นานแล้ว เพียงแต่ไม่เคยได้พูดถึงกัน</p>
<p>วันนี้เราจะมาพูดถึงการศึกษาล่าสุดของเรากัน</p>
<p>ก่อนหน้านี้หากเราต้องการใช้ตัวอักษรที่มีหน้าตาแตกต่างออกไปจากตัวอักษรที่มีอยู่ในเครื่อง (ซึ่งแสนจะน่าเบื่อ) เราต้องไปทำตัวอักษรเหล่านั้นใน Photoshop จากนั้นจึง export ออกมาเป็นรูป</p>
<p>ล่าสุด ทีม coding ของ rgb72 ได้ศึกษาเรื่องการใช้ custom font หรือการนำแบบตัวอักษรที่นอกเหนือจากแบบที่มีอยู่ในเครื่องคอมพิวเตอร์ทุกเครื่องมาใช้โดยอาศัย JavaScript และ CSS มาช่วย โดยตัวอักษรที่เราใช้ทดลองในครั้งนี้เป็นตัวอักษร ภาษาไทย หลากหลายรูปแบบ</p>
<p>ผลจากการทดลองแล้วพบว่า สามารถแสดงรูปแบบตัวอักษรออกมาได้สวยงามดีมาก จะติดปัญหาหนึ่งคือปัญหา <strong>&#8220;สระลอย&#8221;</strong> โดยเฉพาะเมื่อขนาดของตัวอักษรนั้นใหญ่ขึ้น ก็จะยิ่งเห็น <strong>สระลอย</strong> ชัดเจนยิ่งขึ้น</p>
<p>วันนี้ลองเอาภาพ capture หน้าจอเมื่อ test custom font มาให้ได้ดูกันครับ</p>
<p>** หากใครพอจะทราบการแก้ปัญหาสระลอยได้ สามารถแจ้งมาได้นะครับ **</p>
<p><a rel="lightbox[834]" href="http://www.blog72.net/wp-content/uploads/2010/06/demofont.jpg" rel="lightbox[927]"><img class="size-medium wp-image-928 alignnone" title="demofont" src="http://www.blog72.net/wp-content/uploads/2010/06/demofont-400x533.jpg" alt="" width="400" height="533" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blog72.net/2010/06/25/lab72-custom-fonts/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

