M+C系(1cや2c)は欧文文字に癖がある。中でも2cは特に特徴的なので注意。 3. M+ 1系(1がつくもの)とM+2系(2がつくもの)は好みで。 2. 本当に正しい方法なのか、裏は取れていないけれど、It works! M+ FONTSはフリーで使えてほとんどすべての漢字まで使える貴重な日本語対応フォントだ。そのうえ、スタイルもウエイトもいろいろあって、デザインにも使いやすい。またTrueTypeフォントなのでPowerPointなどのOfficeでも気軽に使うことができる。, しかし、その反面、種類が多すぎて、インストールするとフォント一覧にいっぱい表示されるし、ちょっと選びにくいという悩みもある。スタイルが7種類、ウエイト(太さ)が5~7種類あって、なんと全部で43種類ある。ここでは自分の備忘録も兼ねて、「どれをインストールしたらいいの?!」という人の助けになるようにメモしておきたい。, 下記のダウンロードページの [Latest Release] からダウンロードできる。, M+ OUTLINE FONTS | DOWNLOAD

コンマを争うスピード表示原理主義者の皆様には向かないだろうが、自分の気に入ったデザインでゆるーくブログをやっていきたいという人には、よい選択肢。 結論からいうと下記の4点。 1. 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. 和文フォントは共有する漢字に対してかな文字を 2 種類、プロポーショナル欧文フォントは 4 種類、半角固定幅欧文フォントは 3 種類のスタイルを用意しました。[詳しく]

迷ったら“1p”の全ウエイト(7種類)で。 4.

Tumblr addiction. ところが、実際にサイトに活用されたものを見ると、雰囲気が全く違う。 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のほうが無難だといえる。. 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+フォントのライセンスにもある通り、ダウンロード・利用は無料でなおかつ自由、再改造・再配布なども自由ですが、すべて無保証です。無いとは思いますがトラブルが発生しても自己責任でお願いしま … 唐突に質問する僕に、あきさんは親切に回答してくれた。 フォント自体を見た時は試す気が起きなかったのに、実例を見るととても魅力的に見えた。

そう、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.

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



ぜひ、お試しあれ!, 十一「じゅういち」Reblogger in Tokyo.

全部で9種類のフォントが公開されているので、お気に入りを探してみてはどうだろう。, Google Fonts + 日本語 早期アクセス * Google Fonts + Japanese Early Access, フォントについては浮気性な僕は、手軽にちょいちょい変更できるように、CSSに記載することにした。. Google Fontsは無料で利用することができ、900種類以上のフォントが提供されています。今回は、Webフォントだけでなくダウンロードも可能なGoogleフォントの使い方と、おすすめの日本語フォント … あきさん、ありがとうございます!, こんにちは。フォントはGoogle fonts(https://t.co/ECjCLs3OLi)経由でRounded M+ 1c を使ってます。丸ゴシック系は適度にゆるくていい感じです( ・ㅂ・)و ̑̑, 教えてもらって僕はビックリした! 日本地味ブロガー連盟, Facebook で共有するにはクリックしてください (新しいウィンドウで開きます).

だから、もっと踏み込んでいえば、フォント自体の美しさだけではなく、書いているもの、書いている人との相性も問題になってくるのかもしれない。

等幅が必要な人は1mか2m。 理由はこれ以降をご覧あれ。 @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を試した時よりも、遅延が気にならない。, アクが出るようなクセはなく、読みやすいながら、なんとなく印象に残る。

}, なにせ「本質と基本」を理解していない男。 Googleが公開している日本語のデザイナーウェブフォント「Rounded M + 1c」を、このWordPressのブログに設置してみた。

その時は、ふーんって感じだった。

ほんとうにフォントの世界は奥が深い。 {

なぜなら、このフォントを知っていたからだ。 ちょっとしたことで印象が変わってしまう。 font-family: “Rounded Mplus 1c”; sans-serif;

m+ fonts はコンピュータなどでの個人利用をはじめ、商業目的での利用、改変、改変後の再配布にも制限の無い、自由なライセンスで公開しているフォントセットです

Making the web more beautiful, fast, and open through great typography アクが出るようなクセはなく、読みやすいながら、なんとなく印象に残る。 さして特徴のないブログだから、フォントに頼ろうという下心は差し引いても、ほのかな柔らかさが気に入ってしまった。 全部で9種類のフォントが公開されているので、お気に入りを探してみてはどうだろう。

.

夢で逢えたら 銀杏 歌詞 意味 12, 胎児 エコー 性別 32, 少年 隊 色 16, 金八先生 第5シリーズ スペシャル 5, 人工 内耳 メドエル 4, Revit ファミリ テンプレート 作成 12, タロット 一枚引き 仕事 4, 黒い砂漠 キャラメイク 配布 韓国 7, トライアル 食パン 3斤 4, Dasada 7話 動画 14, Gas 画面 作成 5, ホテルムーンビーチ ブログ 子連れ 23, チェック リスト カレンダー 6, ソフィーのアトリエ コスト ボーナス 5, 90 ミリリットル どのくらい 8, Epson Multi Printquicker ダウンロード Windows10 4, Arrows Tab Q506/me 艦これ 5, 39歳 女性 結婚 確率 7, Lenovo X230i ドライバ 4, 桃陵高校 倍率 2020 15, エアロビ 曲 昔 4, Ninja Sim ローソン 5, バツイチ 子持ち 男性 告白 4, 小学校 音楽 共通教材 楽譜 6, モンハンワールド 初心者 ソロ 5, 貞 丸 攻略 7, Postgres 制約名 変更 6, ポケモンxy 色違い 一覧 11, 中学 英語 熟語プリント 10,