|DMM inside
⚠️ Notice: As a showcase of variable fonts, this site requires a web browser that supports OpenType font variation technology. It looks like your browser doesn’t, so please consider upgrading to one that does (the latest versions of Chrome work well, even on older operating systems). Otherwise, the font samples below will only appear as static fonts. Welcome to the new version 0.2 of this website.
Size / ↑ ↓ Theme Language // Type some code -> console.log "oO08 iIlL1 g9qCGQ ~-+=>"; function updateGutters(cm) { var gutters = cm.display.gutters, __specs = cm.options.gutters; removeChildren(gutters); for (var i = 0; i < specs.length; ++i) { var gutterClass = __specs[i]; var gElt = gutters.appendChild( elt( "div", null, "CodeMirror-gutter " + gutterClass ) ); if (gutterClass == "CodeMirror-line
最近気が付いたのだけど、CSS Loader は読み込んだスタイルシートのプロパティ値に引用符で括られた文字列を発見すると1、その中にある U+0080 以上の文字(簡単にいうと半角英数記号以外の文字2)を問答無用で 16 進エスケープしてしまうようだ。たとえば、 p::after { font-family: "☺️" } このようなスタイル指定があったとして、これを CSS Loader を通して処理するとこうなる。 p::after { content: "\263A\FE0F" } まあ、場合によっては冗長だったり無駄な処理であるものの、まともなブラウザならちゃんと解釈してよしなに扱ってくれるので、エスケープされることそのものは特に問題ではない。ちょっと困るのは、どうも文字列が空白を含む場合の処理があまりよろしくないことだ。 p::after { font-family: " ☺️
The Inter typeface family The 21st century standard Download ↓ Inter is a workhorse of a typeface carefully crafted & designed for a wide range of applications, from detailed user interfaces to marketing & signage. The Inter typeface family features over 2000 glyphs covering 147 languages. Weights ranges from a delicate thin 100 all the way up to a heavy 900. Each glyph has three dedicated designs
ゴシック体 明朝体 丸ゴシック すべて カッコのみ 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.1.1/dist
CSSで絵文字を表示するための @font-face 設定を紹介します。この方法はモダンな閲覧環境ではほぼ問題なく表示できます。またJavaScriptを使用して絵文字を画像に置換するタイプ(EmojiOne、Twemoji)と比較して、表示速度や利便性などの面で大きく有利です。 絵文字を含むテキストを表示する @font-face 設定(Unicode 10.0対応版) デモページもご覧ください。 以下のCSSを指定すると絵文字がきれいに表示されます。 @font-face { font-family: MyFontFamily; src: local("Hiragino Kaku Gothic ProN"), local("Meiryo"); } @font-face { font-family: MyFontFamily; font-weight: bold; src: local(
フリーフォント使用に当たって フォントをインストールして頂くとパソコンのワープロ、グラフィックソフトなどのアプリケーションを使って自由にデザイン、印刷することができます。個人利用・商用利用にかかわらず、無償で使用することができます。当フォントはSIL Open Font License 1.1のライセンスに準じます。 装甲明朝の概要 装甲明朝は以下の派生フォントです。 「源ノ明朝 (Source Han Serif)」 書体コンセプト 横線が極細のステンシル体風の見出し向け明朝体です。 少し劣化したラフな雰囲気に処理いたしました。 ミリタリーな雰囲気にも、男らしい格好良さにも マッチするようにと考えました。 装甲明朝の作例サンプル 書体見本 フォントダウンロード 以下をクリックしてダウンロードしてください 装甲明朝をダウンロードする 予備リンク インストール 1.フォントをダウンロードした
フリーフォント使用に当たって フォントをインストールして頂くとパソコンのワープロ、グラフィックソフトなどのアプリケーションを使って自由にデザイン、印刷することができます。個人利用・商用利用にかかわらず、無償で使用することができます。当フォントはSIL Open Font License 1.1のライセンスに準じます。 源界明朝の概要 源界明朝は以下の派生フォントです。 「源ノ明朝 (Source Han Serif)」 書体コンセプト 読める限界ギリギリまで破壊された世界観の見出し向け明朝体にいたしました。 源界明朝の作例サンプル 書体見本 フォントダウンロード 以下をクリックしてダウンロードしてください 源界明朝をダウンロードする 予備リンク インストール 1.フォントをダウンロードしたら圧縮されたファイルを解凍します。 まず+Lhaca、StuffIt Expander、WinRAR、
Extra Light よりもさらに細い Extra Thin ウェイトの超極細日本語フォント 超極細ゴシック体の概要 このフォントは、「超極細」を目的とした 大きな紙をもとにボールペンを定規でなぞったようなイメージに仕上がっています。無機質で清潔感・透明感があるモダンでさっぱりしたフォントです。 スポンサーリンク このフォント使用時の注意 非常に細いため、小さな文字サイズでの使用の場合、印刷した時にかすれて見えなくなる可能性が高いです。 利用範囲が限られることを予めご了承願います。 見本 白地に黒文字見本。1行目は67pt、2行目以降は36ptの文字サイズで表示しています。フォントのアンチエイリアスの設定は「強く」になっており、通常の設定だとさらに薄くなります。文章はウィキペディアの『直線』項目より引用させていただきました。 水色(#03c6dd)に白文字の見本。文字サイズ・アンチエイリ
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
大日本印刷株式会社(本社:東京 社長:北島義俊 資本金:1,144億円 以下:DNP)は、オリジナル書体「秀英体」で活版印刷の風合いを再現した「にじみフォント」を開発しました。第1弾として「秀英にじみ明朝L」を、ソフトバンク・テクノロジー株式会社(本社:東京 社長:阿多親市 資本金:664百万円以下:SBT)のWebフォントサービス「FONTPLUS」で、11月18日に発売します。 【開発の背景】 DNPは、前身である秀英舎の時代にオリジナル書体「秀英体」を開発し、100年以上にわたり、時代の変遷にともない開発を続けています。近年、デジタルメディアが進展するなか、出版や広告の分野では、古びた和紙や木目のテクスチャー(質感)、手書き文字などを活かし、あえてアナログな風合いを加えて温もりや手触り感を表現することが増えています。また、印刷用の版の凹凸の凸部分にインクをつけ、紙に転写する活版印刷の
この機能は、一連の字形を「合字」と呼ばれる 1 つの字形に置き換えます。合字は、タイポグラフィの目的で好んで使用されます。この機能を有効にすると、通常の状況ではデザイナーやベンダーの審査に使用するような合字が挿入されます。 この合字機能は、デフォルトで有効です。そのため、通常は CSS を記述しなくても動作します。ただし、Chrome ではデフォルトで有効になりません。また、Safari(Mac または iOS)では無効にできません。Chrome と Firefox の一部のバージョンでは、スペースを含む合字で問題が発生します。 .class { font-variant-ligatures: common-ligatures; -moz-font-feature-settings: "liga", "clig"; -webkit-font-feature-settings: "liga"
私たちの周りにはたくさんの重要な情報があふれています。しかし、情報を伝える文字が不明瞭だと受け取ることができません。例えば小さく印刷された注意書き、遠くから見る案内サイン…。情報の見やすさ、わかりやすさが問われる時代です。 「みんなの文字」は、「劣化した状況でも見やすく」をテーマに、人間中心設計のプロセスと科学的基準により開発された、第三者認証であるUCDA認証を取得している唯一のUDフォントです。
案件などで使うとなると使い方が難しそうだったり、単純にこれはちょっと...って感じるものもちらほらあるかもしれませんが、個人的にデザインが特徴的だと思ったデザインフォントを全30種類まとめてみました。 全部がそうではないですが商用利用可能なものも多く、欧文フォントだけでなく日本語にも対応しているフォントも幾つかあります。 他にはない面白いフォントを探したり見るのが好きな人は、是非チェックしてみてください :) 紹介しているフォントを使用する際は、ライセンス等は各自で再度確認してください。 ここで紹介しているフォントはエントリー公開時点で個人・商用問わず利用可能なものについてはライセンス表記は省略して紹介しています。 他ライセンスの場合はイメージ下部に記載しているので注意してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く