Noto Serif(源ノ明朝)のCSS指定 - Qiita
はじめに 最近提供されたばかりのNoto Serif(源ノ明朝)を試してみた。 まだCDN提供されていないので、現状はfont-faceでローカルファイルを指定しなければいけない。 フォントのダウンロード https://www.google.com/get/noto/#serif-jpan からフォントをダウンロードして、fonts/NotoSerifCJKjp/などのディレクトリにファイルを展開する ソースコードの記述 CSSなどに下記ソースコードを記述する srcのディレクトリは環境に合わせて変更する @font-face { font-family: 'Noto Serif Japanese'; font-style: normal; font-weight: 100; src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLig
装甲明朝は源ノ明朝の派生フリーフォント〜ステンシル体風明朝体
フリーフォント使用に当たって フォントをインストールして頂くとパソコンのワープロ、グラフィックソフトなどのアプリケーションを使って自由にデザイン、印刷することができます。個人利用・商用利用にかかわらず、無償で使用することができます。当フォントはSIL Open Font License 1.1のライセンスに準じます。 装甲明朝の概要 装甲明朝は以下の派生フォントです。 「源ノ明朝 (Source Han Serif)」 書体コンセプト 横線が極細のステンシル体風の見出し向け明朝体です。 少し劣化したラフな雰囲気に処理いたしました。 ミリタリーな雰囲気にも、男らしい格好良さにも マッチするようにと考えました。 装甲明朝の作例サンプル 書体見本 フォントダウンロード 以下をクリックしてダウンロードしてください 装甲明朝をダウンロードする 予備リンク インストール 1.フォントをダウンロードした
源ノ明朝／角ゴシック-１ フォントを整理しよう – ものかの
源ノ明朝／角ゴシックのフォントについて、みなさんはすでにご存じだと思います。Web検索すれば情報が得られますし、そうした情報をここに繰り返し書くことは控えます。 ここでは、源ノ明朝／角ゴシックを使おうとしたけど、なんだかよく分からないよ！ と困っている方々に向けて書きます。 よく分からないのは当たり前 このフォントは、本当に分かりにくいです。すんなりと何も困らずに使える人なんていません。みんな困惑しながら「こういうことかな？」と探りながら使い始めます。分からないのは当然なんです。全然恥ずかしいことではありません。 ダウンロードして整理しよう とにかくフォントを入手しないことには話が始まりません。源ノ明朝をダウンロードしてみましょう。場所はこちらです。 adobe-fonts/source-han-serif at release ところが、いきなり大きな壁が立ちはだかります。下へスクロール
無料で任天堂のロゴ風デザインが作れるフォント「Nu Hanafudaya」
任天堂のロゴは、線の太さに強い対比を持ったサンセリフ体が使われており、「N」の縦線が斜線よりも太いという特長を持っているそうです。この特長を「M」や「U」といった他のアルファベットにも反映させたさゆぬさん作成のフォント「Nu Hanafudaya」が公開されています。OpenTypeフォントの高度な機能に対応していれば、任天堂ロゴのフォントをぐるりと囲む枠も再現できるとのことなので、どんなフォントなのか使ってみました。 ［こかげ］フォント頒布 : Nu Hanafudaya http://kokagem.sakura.ne.jp/font/hanafudaya.html フォントを入手するには上記URLにアクセスしてページ最下部にある「Nu Hanafudaya Ver. 1.0.0」をクリック。 「OK」をクリック。 すると、OpenTypeフォントがそのままダウンロードできるので、これ
源ノ明朝
源ノ明朝は、アドビフォントとしては２番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている４つの言語（簡体中国語、繁体中国語、日本語、および韓国語）で必要な文字をサポートします。それぞれ、７つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
ナチスに禁止されながらもアポロ11号と月面まで到達したフォント「Futura」
幾何学的なデザインが多かった初期のフォントデザインの中で、1920年代に、今なお世界中で使われている現代的で可読性の高いフォント「Futura(フーツラ)」がドイツ人デザイナーのパウル・レナーによって発表されました。フーツラがナチス・ドイツに使用を禁じられるなどの危機を乗り越え、結婚式の招待状から芸術家・映画監督にまで愛されるフォントとして広まった経緯がムービーにまとめられています。 The font that escaped the Nazis and landed on the moon - YouTube 「Futura(フーツラ)」というフォントは世界中で広く使われています。 フーツラのフォントはナイフで切ったような鋭さと…… 大きく丸く描かれたカーブが特徴です。 フーツラは芸術家のバーバラ・クルーガーのポップアートに使われており…… バーバラ・クルーガーのパロディアートとして、ス
なぜWebブラウザの文字組みは汚いのか？元エディトリアルデザイナーが解決策を提案します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。入社以前はエディトリアルデザイナー（新聞・雑誌・書籍などの出版物のデザイナー）として書籍の装丁などもしていました。フロントエンドエンジニアのほりでーです。 今回は紙のデザインとWebデザインにある大きな違いのひとつ、「文字組みアキ量」というものについてお話しします。日本語組版のルールにも詳しく触れていくため、Webの経験しかない方も是非読んでみてくださいね！ 2017年2月27日追記：有識者の方からのご指摘を反映し、記事の内容を一部訂正いたしました。詳細な訂正内容については記事末尾をご覧ください。 今回の要点 日本語組版は約物（記号類）のアキが大事 Webブラウザの文字組がイマイチなのは、約物のアキ量が常に一定であることが原因 font-feature-settings: “halt” 1; で約物のアキをなくせるようになった jQury.yakumonoプラグインで行末約物半
Noto Sans Japaneseと源ノ角ゴシック (Source Han Sans JP)の違い - Qiita
フォント名 ウェイト名及びデフォルトのウェイト(NotoがRegular、源ノがNormal) それ以外は同じ？ 比較 ヒラギノ角ゴ 源ノ角ゴシック (Source Han Sans JP) Noto Sans Japanese Noto Sans をMacで表示した。下はNoto/源ノのウェイト比較。 欧文書体 欧文書体が違うという話だったが同じだった。違うのはNoto Sansの欧文(画像4行目)であって、Noto Sans Japaneseに含まれる欧文は源ノと同じっぽい。 ウェイト ウェイト名が一部異なる。デフォルトのウェイトはNotoがRegular、源ノがNormalとなっており、源ノの方が若干細くなる。 Noto 源ノ ウェイト
無料ダウンロードし放題！商用OKなフリーフォント50個まとめ 2017年1月度
毎月、世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」というひとも多いのではないでしょうか。今回は、年末から2017の年明けにかけて公開された、無料ダウンロードできる高品質フリーフォントを厳選ピックアップしています。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材が中心で、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 商用可で完全無料！2016年公開のフリーフォント素材105個総まとめ 詳細は以下から。 無料ダウンロードし放題！厳選フリーフォントまとめ Signatura Monoline Script ※ 個人、商用利用可能 Bourbon Grotesque ビンテージな風
【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選
ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・
日本語フリーフォント | マキナス 4 シリーズ | もじワク研究
▼本文：Flat 4 ／括弧内：Square 4 ▼平仮名：Square 4／片仮名：Flat 4／欧文：Escumasia ▼Flat 4 ▼Square 4 シャープやボールペンで字を丁寧に書こうとした際の、より線を真直ぐに引こうとする力リキんだ手の感覚と、不慣れな状況で、アナログな部分をデジタルに置き換えようとすると、感情的な部分がバッサリと削られしまう特有の現象を、デジタルフォントとして表現しました。 Flatタイプが標準の形となります。Squareタイプは補完的なものです。 概 要 マキナス 4 Flat Format OpenType License フリーフォント（商用可）／ライセンス詳細は▶︎こちら Style 4 Flat 収録字数 AdobeJapan 1-3(9,354字) マキナス 4 Square Format OpenType License フリーフォント（商
円マークがバックスラッシュで表示される理由
円マーク（円記号）がバックスラッシュで表示される理由について調べてみました。 １．はじめに ブログ記事に半角円マーク「\」を入力して投稿すると、実際のページでは半角バックスラッシュで表示されることがあります。 例として、下のスクリーンショットは当ブログの記事編集画面です。赤枠部分に円マークを入力しています。 下のスクリーンショットは上の記事の実際の表示画面です。円マークがバックスラッシュで表示されていることが分かります。 できれば円マークはそのまま円マークで表示したいところです。 ２．円マークがバックスラッシュで表示される理由 １項のサンプルで大体予想がつくと思いますが、円マークがバックスラッシュで表示される理由は、CSSで指定したフォントの問題です。 円マークとバックスラッシュは、文字表記は異なりますが、同じコード（Unicode表記でU+005c）を使用しているため、フォントの種類によ
自家製ドットフォントシリーズ | 自家製フォント工房
自家製ドットフォントは、オープンソースやパブリックドメイン、もしくはフリーフォントとして公開されているビットマップフォントを、データ形式の変換が許可されたその使用条件に基づき、幅広い環境やソフトウェアで使用できるようにアウトライン化された TrueType 形式に再構成したものです。 ※本サイトではほかに、書体デザイナーの平木敬太郎氏によるビットマップフォント15書体をアウトライン化した KHドットフォントシリーズ も頒布しています。あわせてご利用ください。 (2015/5/28) Mac OS X 環境において、一部文字の中が塗りつぶされてしまう現象に対応したバージョンを公開しました。 フォントの概要 Linux や FreeBSD、ポケットコンピュータなどにおける日本語環境を良くするため、システムフォントとしての利用目的に、個人の手でビットマップフォントが 2000 年前後に多数制作さ
2017年用、日本語のフリーフォント259種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
g_えんぴつ楷書フォント-教漢版 [よく訓練された素材屋]
銀の月動画計画 > あにめはっく.jp > フォント屋トップ > g_えんぴつ楷書フォント-教漢版 フォント - g_えんぴつ楷書フォント-教漢版 ライセンスゆるめの手書きフォント 教漢版（無料版） ttf 2016-12-17 12:30:22 update コミック作中の登場人物の筆跡や、楷書風ロゴの作成時のアタリ等に使用する事を目的として作成したttfフォントです。 このページで公開しているのは無料版 ver0.1です。 有料版についてはこちらを参照ください。 収録文字は、 ○ 半角英数字 ○ 半角カナ ○ 全角ひらがな ○ 全角カタカナ ◯ 記号など ◯ 教育漢字 △ 常用漢字 △ JIS第一水準の漢字 △ JIS第二水準の漢字 × JIS第三水準の漢字 × JIS第四水準の漢字 △ 外字 です。 漢字は1036字を収録しています。（教育漢字＋α） どの文字が収録されているのかの詳
Oradano Mincho : public domain Retro style Japanese font
Oradano明朝フォント／Oradano明朝GSRRフォントについて hits since 19 Jun 2003. 公式最新版（〈戊戌アップデート〉バージョン）： 二〇一八年一月一日付版「Oradano明朝GSRR」TTFフォント(フォント内部バージョン表記：0.2018.0101) リリースノート（左記ツイート内容を「note.mu」で解説しています）： Happy Public Domain Day! Oradano明朝GSRRフォント〈戊戌アップデート〉（バージョン0.2018.0101）正式公開です。https://t.co/B7whehY9ZX 青空文庫使用上位3000漢字対応など、今回の更新概要について詳しくは https://t.co/fTcggokDkE をご覧ください。 来年からもPDデイを迎えられますように…… pic.twitter.com/yiFJXROCuk
ようやく、ようやく、ようやく！実装されたIllustratorの文字選択関連の機能強化｜DTP Transit
Illustratorの2016年11月リリースのCC 2017にて、フォントまわりの機能強化がやってきました。 「お気に入り」フィルター 「分類」フィルター 「類似」フィルター に、従来からある次の機能組み合わせると、よりスムースにハンドリングできそうです。 最近使用したフォント 検索 InDesignの「お気に入り」機能の実装は2013年9月。最も必要なのに、後回しにされてしまっていたIllustratorの実装まで、実に3年も待ったことになります。結果オーライですけど、ちょっと待たせすぎですよね。 DTP Transitでは、タイトルなどに「！」を使わないようにしているのですが、今回は「（泣）」さえ、入れたいくらいです。 「お気に入り」フィルター よく使うフォントに印を付けておき、カンタンに呼び出せるようにするというもの。なお、「フィルター」とは、条件に合うものだけで抽出する、という
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Buy | Glyphs
フォントの選び方・使い方
TK-takumi書痙フォント
