Google Fontsに特化した解説書は初めて！ 日本語のWebフォントの新しい視覚的表現をしっかり学べる解説書 -Webフォント実践ガイド
※本ページは、アフィリエイト広告を利用しています。 Google Fontsは使うけど、最近のWebフォントの技術に追いつけていない、Webサイトやアプリで効果的に使うにはどうすればよいのか、そんな人にお勧めの解説書を紹介します。 基礎知識はもちろん、書体選び・文字組みなどデザイン的な面、新たなCSSの仕様、FOUTやFOITなどWebフォントのパフォーマンス的な面、絵文字の奥深い世界、機会学習によるタイポグラフィへの応用など、Webフォントとタイポグラフィについてしっかりした知識が身につきます。 本書は本日（8/8）に発売されたばかり！ Webフォント、Google Fontsに関する解説書は初めてだと思います。書体・文字組み・レイアウトといったデザイン的な面、OpenTypeやバリアブルといったフォントのテクノロジー、WebサイトやスマホアプリでWebフォントを使用する方法など、デザイ
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.1.1/dist
BIZ UDPゴシックと99.99%同じだけど、数字が等幅の「帳票 UDPゴシック」フォント公開 – プログラミング生放送
モリサワ「BIZ UDPゴシック」の「1」と「１（全角）」の幅のみを変更し、数字（0〜9）を等幅にしたフォント「帳票 UDPゴシック (FORM UDPGothic)」を公開しました。 「BIZ UDPゴシック」を使いたい！ でも、数字は等幅にしたい。でも、等幅の「BIZ UDゴシック」の数字は細すぎる！ というときに使えるフォントです。 「BIZ UDPゴシック」の数字は、0〜9 のうち 1 のみ幅（サイドベアリング）が異なるので、1 のサイドベアリングを変更しています。「BIZ UDPゴシック」のグリフ数 13,932個のうち2個を変更し、残りの約 99.9856% のグリフは全く同じです。 ダウンロードは GitHub から。 追記: 「帳票 UDP明朝」も作りました。
じわる人気「百千鳥」フォント、ヒントは昭和の描き文字文化 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
小鳥の登場とともに、懐かしさを感じるフォントが自由自在に形を変える。その動画（下部video参照）はじわじわと拡散され、SNSなどで見た人も多いのではないか。 アドビは2月13日、バリアブル・フォント「百千鳥」のリリースを開始した。バリアブルとは、可変、つまり大きさや縦横比、線の太さなどを自然かつ美しく自由に変えることができる可変型の文字のことで、欧文フォントではすでにいくつか存在するものの、日本語の縦横比と太さの2軸のバリアブルフォントとしてはこの百千鳥が初となる。 製作したのは、アドビのタイプデザイナー西塚涼子。フォント「界隈」でその名を知らない人はいないというほどの卓越したデザイナーだ。 映像作家の中村優吾率いるTHA LTD.が手がけた動画。百千鳥の可変する様子が分かりやすい。 今回、西塚に百千鳥誕生の話を聞く機会を得た。今の時代、フォントはクリエイティブ職の人たちのものだけではな
日本人プログラマ向け、プログラミングに適した「フォント」まとめ。2024年版
プログラミングでは、1文字でも打ち間違いがあればエラーの原因になってしまいます。 そこで似たような文字、例えば数字の「1」（いち）とアルファベットの「l」（エル）、数字の「0」（ゼロ）とアルファベットの「O」（オー）などを容易に見分けられるようなフォントを使うことが、ミスを防ぐことにつながります。 コードを表示させたときに整然として見やすく、エディタ上でカーソルを上下に移動させてもカーソル位置が左右にぶれずに表示されるように文字の幅が等幅に揃っていることも必要でしょう。 日本語の場合には、「－」（マイナス記号）と「ー」（音引き）の区別や、コード内に全角空白が紛れ込んだとしてもすぐに見分けられることなどの特徴を備えていることもプログラミングに適したフォントに求められる条件だといえます。 この記事では、そうした特徴を備えたプログラミングに適したフォントをまとめました。 ここで紹介されていない日
小説同人誌を初めて作る人向け！オススメフォント8選 | 同人誌印刷所なないろ堂
小説同人誌を出してみたいけど何をどうしたらいいかわからない……という初心者さん向けに、独断と偏見によるオススメフォントを大紹介！ フォントにお悩みの方は是非ご覧ください！！ フォントとは？ まずは、小説になくてはならないフォントについて！ そもそもフォントとは、コンピュータで文字を表示するためのファイルのことを言います。 世の中には星の数ほどのフォントがありますが、大別すると「ゴシック体」「明朝体」「その他」の３つ。線の太さがほぼ一定のものがゴシック体で、習字で描いた文字みたいにトメ・ハネや強弱がついているものが明朝体と覚えておけばOKです！ 縦書きの小説の場合、ふつう明朝体を本文として使うことが多いです。長文でも読みやすいという利点があるので、特にこだわりが無ければ明朝体を使うことをオススメします。 otf? ttf? というわけでいよいよフォントの紹介へ……と行きたいところですが。 そ
“写研フォント”ついに提供開始 「ゴナ・ナール」「石井明朝」など
モリサワは10月15日、写研と共同開発したOpenTypeフォント43種の提供を始めた。写真植字全盛期に使われた写研の書体をデジタルフォントとして利用可能にしたもので、同社のサブスクリプションサービス「Morisawa Fonts」を通して提供する。 43種のうち30種は、写研から提供を受けたアウトラインデータに加えて不足文字の作成、文字セットなどの仕様の整理を行った「写研クラシックス」として提供。残りは写研の書体を参考にしながら新規にデザインし直した「改刻フォント」として提供する。ラインアップは以下の通り。 ■改刻フォント 石井明朝 L／R／M／B 石井明朝オールドスタイルかな L／R／M／B 石井ゴシック L／R／M／B／EB ■写研クラシックス 有行書 石井楷書 石井中ゴシック 石井中丸ゴシック 石井中明朝 石井中明朝オールドスタイル大がな イナクズレ イナピエロ B イナミン イノ
2025年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近の出来事を取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial, "Hir
ブーム来る？ 「和文バリアブルフォント」の世界
そんな事もあり、4月10日は新しいフォントがいくつか発表された。今年の目玉はなんといっても「和文バリアブルフォント」であろう。 われわれが普段使用するフォントは、同じデザインでも細いもの、太いもの、横が詰まったものなどがそれぞれ個別のフォントとして提供され、1つのファミリーを形成している。 一方バリアブルフォントは、そうした文字の変形を1つのフォントで提供していこうという比較的最近のフォントフォーマットで、米Adobe／米Apple／米Google／米Microsoftが共同開発した。フォントパラメータとして、太さや字幅がバリアブルで変更できるため、従来はファミリーで提供しなければならなかったフォントデータが、1つのフォントで小さく提供できるというメリットがある。 もちろんデザインする側も、細いか太いかの2択ではなく「中間」も選べるし、縦長、横長も選べるので、表現の幅が広がるわけである。た
UDデジタル教科書体のバリエーション
Windows10 以降のWindowsに標準搭載されるようになった「UDデジタル教科書体」というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。 だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Word でバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。 UD デジタル 教科書体 N-B UD デジタル 教科書体 NK-B UD デジタル 教科書体 NK-R UD デジタル 教科書体 NP-B UD デジタル 教科書体 NP-R UD デジタル 教科書体 N-R フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。書体名和文欧文ウエイトUD デジタル 教科書体 N-R等幅等幅標準UD デジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本人向け最高峰のコーディングフォント「Moralerspace」がメジャーバージョンアップ／「IBM Plex」更新で日本語文字が1万以上拡充、開発者に人気の「Nerd Fonts」も標準統合
商用も無償、とにかくインパクト重視のヘヴィ級ゴシック体「源暎きわみゴ」がリリース／収録文字数は漢字約7,800文字を含む全9,470文字
「機械彫刻用標準書体」フォントがv0.310へ、計2,561グリフにまで拡充／アクリル板の注意書きなどでよく見かける独特の機能美を持つフォント - 窓の杜
「游ゴシック UI」フォントが原因？ 括弧の描画があべこべになる問題が1年以上放置／「Chromium」ベースWebアプリで、」「、〉〈、》《、」「、』『、】【、〕〔などに影響【やじうまの杜】
【山田祥平のRe:config.sys】 フォントが変われば世界の見え方も変わる
Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善／Release Previewチャネルでテスト開始
機械彫刻用標準書体フォント
デジタル庁、「行政事務標準当用明朝フォント」を全国の地方公共団体に提供開始／文字の標準化を支援
日本人プログラマー向けカスタムフォント「UDEV Gothic」が約2年半ぶりのメジャー更新／「BIZ UD」＋「JetBrains Mono」でソースコードと日本語コメントの可読性を両立
Googleが変体仮名フォント「Noto Hentaigana」をリリース ～蕎麦屋の看板などを再現可能／Unicodeに登録されている変体仮名286文字をカバー
