Making the web more beautiful, fast, and open through great typography Tumblr addiction. { だから、もっと踏み込んでいえば、フォント自体の美しさだけではなく、書いているもの、書いている人との相性も問題になってくるのかもしれない。 なぜなら、このフォントを知っていたからだ。 M+ FONTSはフリーで使えてほとんどすべての漢字まで使える貴重な日本語対応フォントだ。そのうえ、スタイルもウエイトもいろいろあって、デザインにも使いやすい。またTrueTypeフォントなのでPowerPointなどのOfficeでも気軽に使うことができる。, しかし、その反面、種類が多すぎて、インストールするとフォント一覧にいっぱい表示されるし、ちょっと選びにくいという悩みもある。スタイルが7種類、ウエイト(太さ)が5~7種類あって、なんと全部で43種類ある。ここでは自分の備忘録も兼ねて、「どれをインストールしたらいいの?!」という人の助けになるようにメモしておきたい。, 下記のダウンロードページの [Latest Release] からダウンロードできる。, M+ OUTLINE FONTS | DOWNLOAD 等幅が必要な人は1mか2m。 理由はこれ以降をご覧あれ。 M+C系(1cや2c)は欧文文字に癖がある。中でも2cは特に特徴的なので注意。 3. 和文フォントは共有する漢字に対してかな文字を 2 種類、プロポーショナル欧文フォントは 4 種類、半角固定幅欧文フォントは 3 種類のスタイルを用意しました。[詳しく] ただし、忘れた頃に、ゴホゴホゴホ!と激しく咳き込むような読み込みの遅延が発生することがある。 @import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video ,#front-sidebar .widget_moka_about h3.about-title,#front-sidebar .widget_moka_quote p,#front-sidebar .widget_moka_quote p.quote-author 設置はカンタンで、以前、Noto Sans CJK JPを試した時よりも、遅延が気にならない。, アクが出るようなクセはなく、読みやすいながら、なんとなく印象に残る。 コンマを争うスピード表示原理主義者の皆様には向かないだろうが、自分の気に入ったデザインでゆるーくブログをやっていきたいという人には、よい選択肢。 迷ったら“1p”の全ウエイト(7種類)で。 4. その時は、ふーんって感じだった。 Googleが公開している日本語のデザイナーウェブフォント「Rounded M + 1c」を、このWordPressのブログに設置してみた。 ほんとうにフォントの世界は奥が深い。 フォント自体を見た時は試す気が起きなかったのに、実例を見るととても魅力的に見えた。 そう、Googleが公開しているこのサイトで見ていたからだ。 結論からいうと下記の4点。 1. M+ 1系(1がつくもの)とM+2系(2がつくもの)は好みで。 2. m+ fonts はコンピュータなどでの個人利用をはじめ、商業目的での利用、改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているフォントセットです 全部で9種類のフォントが公開されているので、お気に入りを探してみてはどうだろう。, Google Fonts + 日本語 早期アクセス * Google Fonts + Japanese Early Access, フォントについては浮気性な僕は、手軽にちょいちょい変更できるように、CSSに記載することにした。. さして特徴のないブログだから、フォントに頼ろうという下心は差し引いても、ほのかな柔らかさが気に入ってしまった。 本当に正しい方法なのか、裏は取れていないけれど、It works! GoogleAdSense,GoogleAnalyticsに引き続き、WebサイトのGoogle検索管理ツールであるウェブマスターツールのア... Adobeがパッケージ版CreativeSuiteの販売を打ち切るということでCreativeCloudに入ってみました。業務で使う場合、得... Windows8にISOファイルのマウント機能が搭載されました!少しパソコンに慣れた方ならISOファイルをマウントして使うことってよくありま... メインのGoogle(Gmail)アカウントを変更したので各種Google系サービスを新アカウントに移行してみた。まずはGoogleAdSe... Windows8からエクスプローラーも新しくなりました。新しく搭載されたリボンやいくつかの新機能が地味に便利です。ここではそのうちいくつかを... Gmailのメインアカウントを変更したのに伴い、Googleの各種サービスを移行してきたので、まとめ。GoogleAnalyticsの移行ウ... Google(Gmail)アカウントを変更したときのGoogleカレンダーの移行についてメモ。他のGoogle系サービスのアカウント移行は下... AndroidSDKをインストールするとJDKをインストールしてあるのに▼のように「JDKがないよ!」と言われて一向にインストールできない問... Facebookのいいね!などでページの情報を適切にするために設定するオープングラフプロトコル(OGP)ですが、そのog:localeプロパ... GoogleAdSenseに引き続き、GoogleAnalyticsでGoogleアカウントを移行する方法について。他のGoogle系サービ... Kenji です。のんびりクリエイターやってます。旅と写真が好きです。記事は好き勝手に書いてますが、気に入ってもらえたらうれしいです。, Facebook で共有するにはクリックしてください (新しいウィンドウで開きます), http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/download/index.html, http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/design/, Android SDK のインストール時に 64bit の JDK 1.7.0 が認識されない件, SONY の有機ELテレビ BRAVIA A8F で Amazon Music をキャスト再生する (with Alexa Cast), SoftbankからIIJmioファミリーシェアプランにSIM追加でMNP転入してみた, 比較:Surface BookとSurface Pro 4がビジネスにも本格的に使えそう, 美しいフリーフォント M+ FONTS の種類が多すぎてわかりにくいので比較してみた, Google 検索結果内のまぎらわしい広告を非表示にする(Firefox, Google Chrome), Windows 8 で .NET Framework 2.0/3.0/3.5 をインストールするには. m+フォントのライセンスにもある通り、ダウンロード・利用は無料でなおかつ自由、再改造・再配布なども自由ですが、すべて無保証です。無いとは思いますがトラブルが発生しても自己責任でお願いしま … こちらのサイトの情報を利用。, ちなみに、ここからフォント自体のダウンロードも可能なので、ウェブに限らず普段使いでも活躍してくれそうだ。, そもそも、設置しようとしたキッカケはあきさんのブログで目にしたからだ。 ちょっとしたことで印象が変わってしまう。 日本地味ブロガー連盟, Facebook で共有するにはクリックしてください (新しいウィンドウで開きます). 0123456789” のところで1pと1cを比較するとわかりやすいが、pとcでは文字組みをしたときの文章の長さが異なる。おそらくフォントごとの幅が微妙に異なっているのだろう。また、6や9のデザインが違っている。, 欧文・数字にはさらに2種類のTypeがある。それが上図のType-1とType-2で、それぞれ和文のM+ 1とM+ 2と組み合わされている。, Type-1とType-2の違いでわかりやすいのは大文字のMや小文字のgのデザインだ。特に2cのgは下側の丸い部分が途中で終わっていて一見するとフォントが欠けているのかと思ってしまう。このへんは好みが分かれそうだ。, このように、M+ PとM+ Cの違いも好みで選べばよいが、M+ Cの場合は和文フォントによって字形が大きく異なる場合があるので、M+ Pのほうが無難だといえる。. 唐突に質問する僕に、あきさんは親切に回答してくれた。 }, なにせ「本質と基本」を理解していない男。 ところが、実際にサイトに活用されたものを見ると、雰囲気が全く違う。 Google Fontsは無料で利用することができ、900種類以上のフォントが提供されています。今回は、Webフォントだけでなくダウンロードも可能なGoogleフォントの使い方と、おすすめの日本語フォント … Google Fonts provides an intuitive and robust directory of open source designer web fonts.. Japanese typeface design and font development presents many interesting challenges, from the time it takes to design thousands and thousands of available characters, to the technical infrastructure required to serve large font files as web fonts. あきさん、ありがとうございます!, こんにちは。フォントはGoogle fonts(https://t.co/ECjCLs3OLi)経由でRounded M+ 1c を使ってます。丸ゴシック系は適度にゆるくていい感じです( ・ㅂ・)و ̑̑, 教えてもらって僕はビックリした! アクが出るようなクセはなく、読みやすいながら、なんとなく印象に残る。 さして特徴のないブログだから、フォントに頼ろうという下心は差し引いても、ほのかな柔らかさが気に入ってしまった。 全部で9種類のフォントが公開されているので、お気に入りを探してみてはどうだろう。 このブログを見ている人が、違和感を感じてなければいいなぁ…, 最初に、こほん!と咳払いするような軽い遅延があり、あとはなんの問題もなく表示されているようだ。 ぜひ、お試しあれ!, 十一「じゅういち」Reblogger in Tokyo. http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/download/index.html, 2015/4/1現在(mplus-TESTFLIGHT-059.tar.xz)で10MB弱。tar.xz形式で圧縮されているのでLhaplusなどのアーカイバソフトで解凍してやれば、フォントファイル43個とライセンスファイルなどが展開される。, ファイル名の1cや2pなどがスタイル、thinやregularなどがウエイトを表す, *.ttf ファイルがフォントファイルで、ファイル名のmplus-のあとにつづく1cや2pなどがスタイル、そのあとに続くthinやregularなどがウエイトを表す。, まず、わかりやすいウエイト(太さ)から。ウエイトは細い方からThin, Light, Regular, Medium, Bold, Heavy, Blackの7種類。固定幅のシリーズにはHeavyとBlackが存在しない。, M+ フォントのウエイトは細い方からThin, Light, Regular, Medium, Bold, Heavy, Blackの7種類, 最近はウエイトの軽い(細い)フォントが好まれる傾向があるが、ウエイトの選択肢が多いというのはデザイン上とても便利だ。, フォントが増えすぎてイヤだ!という場合を除けば、ウエイトはすべてインストールするのがいいだろう。一部だけインストールしたい場合は、Thin, Regular, Boldの3種類でよいのではないかと思う。, これが一番悩ましい。下記のページに説明してあるのだが、数が多すぎてさっぱりわからない。, M+ OUTLINE FONTS | DESIGN http://mplus-fonts.sourceforge.jp/mplus-outline-fonts/design/, とりあえず7種類のスタイルをすべて並べてみた。なお、以後サンプルの文字列はすべてLightウエイトを使用した。, 見てわかる通り、上の4つは英数字がプロポーショナル(幅は文字によって異なる)で、下の3つが固定幅(等幅ともいう。すべての文字が同じ幅)になっている。なお、日本語の漢字やかなはいずれも固定幅だ。, 通常使う場合はプロポーショナルフォントが多いだろうから、固定幅フォントを使う人を除いて、1m, 2m, 1mnをインストールする必要はないだろう。1mnはコーディング向けとされているが、あまりきれいにレンダリングされず(エディタにもよるかもしれない)、個人的には好みのフォントではなかった。, 和文フォントにはM+ 1とM+ 2の2種類がある。それぞれフォント名にある1cや2cなどの数字の部分に対応している。異なるのはひらがなやカタカナのみで漢字は同じデザインだ。ただし、2つの違いは、よくみないとわかりにくい。, M+のサイトではM+ 1は「直線処理と柔らかな曲線の対比が特徴的」、M+ 2は「従来的なゴシック体の雰囲気を残しつつ現代的な表情も併せ持つ」とされている。下の図はM+ 1とM+ 2を比較したものだ。, このように文章を書いてみるとけっこう印象が違う。M+ 1は比較的ふところが広く、ゆとりのあるデザインで、かわいい感じだ。また横線がほぼ真横に引かれている。これに対し、M+ 2はM+ 1を少しノスタルジックにした感じで、映画の字幕に使っても合いそうだが、可読性では少々劣る印象だ。, この違いは完璧に好みだと思うので、自分の好きな方を選ぶとよいだろう。一般的にはM+ 1のほうが汎用的に使えそうなイメージだ。両方インストールし、切り替えてデザインにマッチするほうを使う、というのもアリだろう。, 欧文・数字にはM+ PとM+ Cの2種類がある。M+のサイトではM+ Pは「明るく伸びやかなデザインを心がけた」、M+ Cは「文字組みの時のまとまりの良さを意識して再設計された」とされている。, まず、下のほうの “The quick brown fox jumps over the lazy dog. font-family: “Rounded Mplus 1c”; sans-serif;
ž業員 ȋ語 Staff, ĸ Áの Ť罪 ƭなない, Ő田 ɛ車 Ɂ延, ĸ Áの Ť罪 Ãン Ɗ, Âズキ Ãレット Âアコンガス量, Edge Pdf Ŀ存せずに開く, ŭ供 Ťだけ熱 Ź稚園, ȶ ɀくなる ɇ球, Ɨ本語 ɕ音 ƕえ方, Windows10 Âイル Ŀ存場所, Ɉ木雅之 40周年 Âルバム, ĸ Áの Ť罪 Ŧ精王 ƭ代, ĺ故物件 Ƙ画 ĸ映 Ɯ間, Âーブンレンジ ť行き Ź均, ŭなし ĸ婦 Ŝ宅ワーク, ƥ天ポイント Jalマイル Ãート, Âサカベ ɀ明水彩 ĸ原色, Ãス Ł留所 ƙ刻表, ƀっている ȋ語 Ãジネス, Âンスタ Âリッド 2枚, ƹ南新宿ライン ƙ刻表 Ɩ前橋, Ɲ神奈川駅 ƨ浜線 ƙ刻表, Âックイン Ãンズ Ľ身長, Âラクロ酒場 Âリザベス Áない, Ãクベス Âクト 1, Áれは ȋ語 ǟ縮形,