Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist
「フォント＝プロデザイナー向けという概念を覆したい」 商用フォントが1書体100円ほどで使える「mojimo」はなぜ生まれたか
同人作家向けのフォント36書体が年間3600円で使える「mojimo-manga」に、インディーズゲーム制作で12書体が年間4800円で利用できる「mojimo-game」――。本格的なフォントをお手頃な価格で使えるとして注目を集めるサービス「mojimo（モジモ）」シリーズが、フォントワークスより登場してから1年が経過しました。 「mojimo-manga」 通常、公式メーカーが出している商用フォントというのはプロデザイナー向けがほとんどで、初心者には手が出しづらい印象があります。 特に大きいのは値段。フォントの一般的な相場は、平仮名と片仮名、漢字をしっかり含んだもので1書体2万5000円ほど。年額制のフォントサービスも、フォントワークスが出している「LETS」はおよそ6000書体で3万6000円、モリサワの「MORISAWA PASSPORT」は全1000書体以上で4万9800円と、「
無料で使える「巴御前」をイメージした優雅で柔らかなフォント「姫明朝ともえごぜん」
平家物語に登場する平安時代の女武者・巴御前をイメージして作られた「姫明朝ともえごぜん」は、優雅な雰囲気を持ちながら、女性的な柔らかさも感じられるフォントです。基本的に自由に加工して使える無料版と、商用利用も可能な製品版の2種類が用意されているので、お試し感覚で使ってみて気に入ったら購入ということもできます。 姫明朝ともえごぜん https://www.flopdesign.com/himemincho-font/tomoegozen.html 無料版の「姫明朝ともえごぜんmini」は、教育用漢字1006字が含まれた、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えるフォントです。ダウンロードする際は、上記URLにアクセスしてページ下部にある「姫明朝ともえごぜんminiを無料ダウンロード」をクリック。 「OK」をクリックしてダウンロード ダウンロードされた「
全部、無料フォント！曼荼羅（まんだら）デザインのロゴを簡単に作成できるフリーのベクター素材キット | コリス
緻密にデザインされた曼荼羅のロゴを簡単に作成できる、Illustrator用・Photoshop用のファイルが揃ったフリーのベクター素材キットを紹介します。 こういうのは、見ているだけでも楽しめますね！
UD新ゴ M | 書体見本 | モリサワのフォント
「UD新ゴ」は、見やすい書体として評価の高い「新ゴ」をベースに、個々の文字のわかりやすさを重視した字形をとりいれたユニバーサルデザイン書体です。欧文・数字には判別性にすぐれた欧文書体 ClearTone SG のデザインを採用しています。ユニバーサルデザインに配慮をしたい媒体で、見出しやサインなど整然としたデザイン的な表現において特に力を発揮します。 読み方 ゆーでぃーしんご メーカー モリサワ 言語 日本語 収録製品 Morisawa Fonts（スタンダードプラン） MORISAWA PASSPORT(MORISAWA PASSPORTダイレクト) MORISAWA PASSPORT アカデミック版 Select Pack 1 / 3 / 5 組込みフォント サーバアプリケーション用フォントライセンス TypeSquare
UD新ゴ L | 書体見本 | モリサワのフォント
「UD新ゴ」は、見やすい書体として評価の高い「新ゴ」をベースに、個々の文字のわかりやすさを重視した字形をとりいれたユニバーサルデザイン書体です。欧文・数字には判別性にすぐれた欧文書体 ClearTone SG のデザインを採用しています。ユニバーサルデザインに配慮をしたい媒体で、見出しやサインなど整然としたデザイン的な表現において特に力を発揮します。 読み方 ゆーでぃーしんご メーカー モリサワ 言語 日本語 収録製品 Morisawa Fonts（スタンダードプラン） MORISAWA PASSPORT(MORISAWA PASSPORTダイレクト) MORISAWA PASSPORT アカデミック版 Select Pack 1 / 3 / 5 組込みフォント サーバアプリケーション用フォントライセンス TypeSquare
シネマレター | 書体見本 | モリサワのフォント
「シネマレター」は、およそ30年にわたり、映画字幕文字を書き続けている職人の文字をもとに作成されました。映画の字幕は、書いた文字から版を起こし、フィルムに直接、文字を刻みつけていました。その際に版とフィルムがはがれやすいように、画線に隙間をあけて文字を描くのが通例でした。また、スクリーン上で文字が見やすいように独特の骨格で設計されており、画線の両端に筆止めを持たせているのも映画字幕文字の特徴です。「シネマレター」が持つレトロな雰囲気は、映画関係のデザインのみならず、雑誌、広告、チラシのキャッチやコピーから、あたたかみを演出したい本文などに活用することができます。 読み方 しねまれたー メーカー モリサワ 言語 日本語 収録製品 Morisawa Fonts（スタンダードプラン） MORISAWA PASSPORT(MORISAWA PASSPORTダイレクト) MORISAWA PASSP
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
Google Web フォント完全ガイド！使い方や 参考にしたいサンプル例まとめました。
どんなデザインにおいても、ただしいフォント選びが成功の鍵となります。見た目だけでなく、読みやすさも考えながら、フォントの組み合わせを考えるのに悩んでしまうこともしばしばです。 フォントの組み合わせについては、これまでにもいくつか（1/２/３）の記事を紹介していますが、今回は、Google Web フォントを利用した、実用的でデザインも美しいサンプル例をまとめています。 目次 Google フォントとは？ Google フォントの実装方法 実用で使える、Google フォントの組み合わせ パート１ 実用で使える、Google フォントの組み合わせ パート2 Google Web フォントを見つけやすくする Font Library Google 謹製、日本語 Web フォント「Noto Sans Japanese」 Google Font とは? 通常、ブラウザで表示できるフォントは、ユーザ
フォントのライセンスについて | 自家製フォント工房
当サイトで公開しているフリーフォントは、自家製ドットフォントの一部 (注釈があるもの ※後述) を除き、商用利用・個人利用や、用途にかかわらず、無償で使用することができます。再配布や改変を伴う場合は、フォントによって条件が異なり、フォントデータのライセンスの明示が必要になる場合があります。 以下のライセンスは、GNU GPL (GNU General Public License) のような、いわゆるライセンスの感染性はありません。つまり、フォントを使って制作された印刷物やデジタルコンテンツ、PDF 文書などの二次著作物にライセンスを引き継ぐ必要は生じませんのでご安心ください。 当サイトからダウンロードしたフォントのライセンスは、ダウンロードした時点のもの、および、アーカイブに同梱されているドキュメントに記載されているものが適用されます。また、フォントのメタ情報にもライセンスを埋め込んでい
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
モダン日本語フォント指定
CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませてきたfont-familyによる日本語フォント指定。OSのバージョンアップとともに、新しいバンドルフォントが増え、@font-face規則も主要なブラウザでサポートされました。それに合わせてフォント指定の方法もバージョンアップしてみましょう。 Web上できれいに見える日本語フォントを使う方法としてWebフォントがありますが、実際に使うにはさまざまな障壁があります。かといってバンドルフォントはOSによってまちまち……という状況だったところに、WindowsとMac OSの両方に「游ゴシック」という日本語フォン
Google Fontsの日本語フォント「Noto Fonts」の使い方
そしてもちろん我らが日本語も用意されています。日本語のフォントセットは「Noto Sans CJK JP」という名前です。 日本語は優遇されているのか7つも異なるウエイト（太さ）が用意されています。 ちなみに名前にあるCJKとはChina、Japanese、Koreaの3つです。1バイト言語の256文字に収まらない、2バイト言語をまとめてCJKとしているようです。（2バイト文字は65536種類に対応している） 中国語は「Noto Sans CJK SC」、韓国語は「Noto Sans CJK KR」と、それぞれ別のセットで、相互に対応していません。統一感のあるセットになっているとのことですが、それぞれの言語が混在する状況はあまりなさそうです。 2バイト文字は数千もの文字を作成する必要があるため、Adobeだけではなく各書体メーカーの協力しています。それぞれ日本語はイワタ、中国語はChang
[Win,Mac]プログラミング用フォント『Ricty』を導入してみよう | vdeep
こんにちは、okutani(@okutani_t)です。Ricty(リクティ)はプログラミング界隈でよく使われるフォントとして有名です。そして、僕の超お気に入りフォントでもあります。 そのRictyの日本語ライセンスをゆるくしたものが「Ricty Diminished」です。 公式プログラミング用フォント Ricty 公式プログラミング用フォント Ricty Diminished RictyとRicty Diminishedの違いは、日本語ライセンスが違うぐらいなものなので、ここではほぼ同じようなものだと思っておいてOKかと思います。WindowsならRicty Diminishedが導入楽チンでよさげです。 今回はRictyの特徴、Windows, Macへの導入方法をそれぞれ紹介しています。 参考見やすいプログラミング用フォント「Ricty Diminished」をWindowsにイン
![[Win,Mac]プログラミング用フォント『Ricty』を導入してみよう | vdeep](https://cdn-ak-scissors.b.st-hatena.com/image/square/00857c624546ab3d19119f4a26b4606050817857/height=288;version=1;width=512/http%3A%2F%2Fvdeep.net%2Fwp-content%2Fuploads%2F2016%2F07%2Fricty-font.jpeg)
すっきりして可愛い商用可のフリーフォント MigMix #LOVEFONT
こんにちは。Advent Calendar初参加のMignon Styleです。 今日は#LOVEFONT Advent Calendar 2014の6日目として、お気に入りのフォント「MigMix」をご紹介します！ MigMixって？ 「MigMix」はM+とIPAの合成フォントで配布されている商用利用も可能なフリーフォントで、高品質といわれるM+フォントをもとに、足りない漢字をIPAフォントからおぎなって作られた日本語のフォントです。 M+をもとに作られたフォントには「やさしさゴシック」や「自家製 Rounded M+」など数多くありますが、「MigMix」はこのM+をそのまま使ったシンプルなフォントになります。 フォントの種類には、基本となる「MigMix 1P」と「MigMix 1M」、それよりひらがな・カタカナの丸文字っぽさをわずかになくして、文字を少し小さめにした「MigMix
Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox（Windows）
目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1px rgba(0,0,0,0.5) CSSを適用した状態で各ブラウザーの実際の画面でチェック このブログ内の関連ページ 参考にしたページ サンプル画面として使ったサイト この記事へのネットの反応まとめ ●ブラウザーによってWebフォントの見え方が違う 今更ですが、日本語のWebフォントを会社のサイトで使い始めました。 元来、Webブラウザは端末にインストールされているフォントを呼び出し文字を表示する。端末のフォント如何では、Webデザイナーが意図しないWeb表示がなされてしまい、またフォントに関するWebデザインに制約が生じてし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しいアドビオリジナルの和文書体「貂明朝（てんみんちょう）」の隠し文字にはアドビの遊び心が満載だった！
How to get Apple Color Emojis to work on Ubuntu?
なぜWordのデフォルトフォントサイズは「10.5」なのか？ | IT・科学 ねとらぼ調査隊
フリーフォント「イカモドキ」 | あらむぎ