<?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>2Drops! &#187; Flash</title>
	<atom:link href="http://www.2drops.jp/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.2drops.jp</link>
	<description>アナログ好きなデジタル人間の頭の中</description>
	<lastBuildDate>Tue, 29 Mar 2011 09:12:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>綺麗なフォントを使う&gt;&gt;M+とIPAの合成フォント</title>
		<link>http://www.2drops.jp/2009/02/mplus_ipa_font/</link>
		<comments>http://www.2drops.jp/2009/02/mplus_ipa_font/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 15:12:48 +0000</pubDate>
		<dc:creator>きさら</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[Install]]></category>
		<category><![CDATA[Ubuntu8.10]]></category>

		<guid isPermaLink="false">http://www.2drops.jp/?p=121</guid>
		<description><![CDATA[フォントインストールする方法です。Windows XP / Vista、Ubuntu8.10へのインストール方法。おまけで、Ubuntu8.10でのFlashのフォントの変更方法も。]]></description>
			<content:encoded><![CDATA[<p>ブログを書くにしても、Webを閲覧するにしても、フォントは大事です。<br />
プログラムを書くのだったら、なおさら大事ですね。<br />
Windowsでも利用していたM+とIPAフォントの合成フォントを、Ubuntu 8.10にもインストールしたいと思います。</p>
<p>### 手順1:フォントをダウンロード</p>
<p>[M+ と IPAフォントの合成フォント](http://mix-mplus-ipa.sourceforge.jp/)からダウンロードします。<br />
このフォントは本当にキレイで、しかもフリーです。<br />
見やすさは大事ですよね。</p>
<p>### 手順2:フォントをインストールする</p>
<p>以下のフォルダに、ダウンロードしたフォントをコピーしてください。</p>
<p>#### Windows XPの場合</p>
<p>[Windowsドライブ] >> [Windows] >> [fonts]</p>
<p>#### Windows Vistaの場合</p>
<p>[スターとボタン] >> [コントロールパネル] >> [デスクトップのカスタマイズ] >> [フォント] </p>
<p>#### Ubuntu 8.10の場合</p>
<p>[home] >> [.fonts]<br />
見当たらない場合は[表示] >> [隠しファイルを表示する]にチェック。<br />
これでも無い場合はフォルダを作成してください。</p>
<p>### 手順3:フォントを適用する</p>
<p>デスクトップで右クリックすると、画面設定用のメニューが開けます。<br />
また、大抵のソフトウェアは個別に設定ができます。</p>
<p>以下、おまけの設定です。</p>
<p><span id="more-121"></span></p>
<p>### Ubuntu 8.10でFlashの表示フォントを変える</p>
<p>Flashで表示されるフォントは、埋め込みではなくOSのフォントを利用しています。<br />
(もちろん、埋め込みフォントのものもありますが)<br />
OSのフォントマッピングを書き換えて、表示されるフォントを変更します。</p>
<p>参照)[plog](http://ploguser.blogspot.com/)<br />
　　 [sans、sans-serif、monospaceのフォントを変更する](http://ploguser.blogspot.com/2007/08/flashde.html)<br />
　　 [sans、sans-serif、monospaceのフォントを変更する @ubuntu 8.04](http://ploguser.blogspot.com/2008/03/sanssans-serifmonospace-ubuntu-804.html)</p>
<p>#### 手順1:フォントマッピングの設定ファイルを作る</p>
<p>ターミナル(端末)から以下の操作を行います。<br />
もちろん、NautilusからGUIでのコピーもOK</p>
<p>日本語Limixでインストールした場合</p>

<div class="wp_syntax"><div class="code"><pre class="teraterm" style="font-family:monospace;">cp <span style="color: #ff00ff; font-weight: bold;">/</span>etc<span style="color: #ff00ff; font-weight: bold;">/</span>fonts<span style="color: #ff00ff; font-weight: bold;">/</span>conf.d<span style="color: #ff00ff; font-weight: bold;">/</span><span style="color: #008080;">69</span><span style="color: #ff00ff; font-weight: bold;">-</span>language<span style="color: #ff00ff; font-weight: bold;">-</span>selector<span style="color: #ff00ff; font-weight: bold;">-</span>ja<span style="color: #ff00ff; font-weight: bold;">-</span>jp.conf <span style="color: #ff00ff; font-weight: bold;">~/</span>.fonts.conf</pre></div></div>

<p>通常版でインストールした場合</p>

<div class="wp_syntax"><div class="code"><pre class="teraterm" style="font-family:monospace;">cp <span style="color: #ff00ff; font-weight: bold;">/</span>etc<span style="color: #ff00ff; font-weight: bold;">/</span>fonts<span style="color: #ff00ff; font-weight: bold;">/</span>conf.d<span style="color: #ff00ff; font-weight: bold;">/</span><span style="color: #008080;">69</span><span style="color: #ff00ff; font-weight: bold;">-</span>language<span style="color: #ff00ff; font-weight: bold;">-</span>selector.conf <span style="color: #ff00ff; font-weight: bold;">~/</span>.fonts.conf</pre></div></div>

<p>#### 手順2:設定ファイルに追記</p>
<p>設定ファイルはXMLで記述されています。<br />
`<string>`タグでフォントを指定し、上から順に読み込んでいきます。<br />
なので、先頭に使いたいフォントを指定するとOKです。<br />
今回は以下のように設定しました。</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;match</span> <span style="color: #000066;">target</span>=<span style="color: #ff0000;">&quot;pattern&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;test</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;family&quot;</span> <span style="color: #000066;">qual</span>=<span style="color: #ff0000;">&quot;any&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>sans-serif<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/test<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;edit</span> <span style="color: #000066;">mode</span>=<span style="color: #ff0000;">&quot;prepend&quot;</span> <span style="color: #000066;">binding</span>=<span style="color: #ff0000;">&quot;strong&quot;</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;family&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>M+2P+IPAG<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>IPAMonaPGothic<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>IPAPGothic<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Sazanami Gothic<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>Kochi Gothic<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/string<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/edit<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/match<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>この設定で使えるフォント名を知りたい場合は、ターミナル(端末)で以下を実行します。<br />
インストールされているフォント次第では、ものすごい量が出てきて見る気が起きませんがw</p>

<div class="wp_syntax"><div class="code"><pre class="teraterm" style="font-family:monospace;">fc<span style="color: #ff00ff; font-weight: bold;">-</span>list</pre></div></div>

<p>これで、FlashでもM+とIPAフォントの合成フォントが使えるようになりました。<br />
以下は[バカだけどわたあめ機を作ってみた](http://www.nicovideo.jp/watch/sm2031470)で表示させた例です。<br />
この動画シリーズ、ものすごく好きですw</p>
<p><a href="http://farm4.static.flickr.com/3053/3253406402_4ac18f2fe0_o.png" rel="lightbox" title="FlashでM+とIPAフォントの合成フォント"><img src="http://farm4.static.flickr.com/3053/3253406402_f33c1dcaa1_m.jpg" alt="FlashでM+とIPAフォントの合成フォント"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.2drops.jp/2009/02/mplus_ipa_font/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

