2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
ブーム来る？ 「和文バリアブルフォント」の世界
そんな事もあり、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 デジ
フォント作成時のカーニング確認用ひらがなカタカナペア - 遠近法ノート
ひらがなすべてのペア.xlsx カタカナすべてのペア.xlsx エクセルのデータです。記号など追加することもできます。 ひらがなカタカナすべてのペア・タテヨコ.zip イラストレータファイルのセットです。 ひらがなすべてのペア・タテ.ai ひらがなすべてのペア・ヨコ.ai カタカナすべてのペア・タテ.ai カタカナすべてのペア・ヨコ.ai が入っています。フォントを変更し、メトリクス設定を選べば、かな詰め（カーニング）の確認ができます。 コレはなんに使うもの？ フォント作りの終わりのほうの工程で、ひらがな・カタカナにカーニングの設定をするわけですけれども、隣り合う組み合わせの数は膨大です。 ひらがな・カタカナはそれぞれ85字以上あります（48字ではありません）から、2字の組み合わせはざっくり計算でも85×85＝7225、タテ組とヨコ組、ひらがなとカタカナがあるので7225×4＝28900*
【令和最新版】Google Fontsの読み込み最適化の結論 ｜ TAKLOG
当ブログで行ったGoogle Fontsの読み込み最適化を紹介します。CLSを大幅に改善できたので個人的にはこれが最適解だと思っています。 結論いきなり結論ですが、次のHTMLのhrefの値を使用しているGoogle Fontsのそれに変更し、head内で読み込んでください。 <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preload" as="style" fetchpriority="high" href="{href}" /> <link rel="stylesheet" href="{href}" media="print" onload='
IPAフォントライセンスを巡って | 一般社団法人 文字情報技術促進協議会
先般、当協議会所属のフォント技術のエキスパートから、MJ明朝体フォントをWOFF化するサービスを提供しているサイトがある、MJ明朝体フォントの使用許諾契約に違反しているのではないか、との指摘があった。事務局長や対外窓口をお願いしている理事の方とも相談して、このサイトのオーナーに連絡を取り、MJ明朝体決め打ちのサービスについては、公開を差し控えていただいた。 ぼく的には、フォントをWOFF化するサービスの必要性もよく分かるし、協議会としても、WOFF化やサブセットフォントの提供など、協議会として直接行うか、協議会メンバーのフォントベンダー各社にビジネスとしてやっていただくかも含めて、具体的な方策を検討しているところだ。 ちょうどいい機会なので、MJ明朝体フォントの使用許諾契約書の成立の経緯と、ついでに、フォントの知的所有権を巡るず〜っと以前のぼくの経験を書き記しておきたい。 そう考えて、経緯
Webフォントをめぐる冒険 | 第1回 Webフォントの現状とその仕組み
Webフォントをめぐる冒険 第1回 Webフォントの現状とその仕組み ウェブ開発者であり、タイポグラフィ研究者でもあり、フォントワークスでWebフォントの開発に関わっておられる鈴木 丈さんをお迎えして、Webフォントの現状と展望を語る座談会を行いました。1回目はWebフォントの現状や仕組みがテーマです。 はじめに 美しいだけでなく、Webを閲覧する人の目的のサポートに力を発揮するWebフォント。海外では会社のイメージを表すWebフォントを開発するという話も聞きます。 Web開発をする上で、大きな力になりうるWebフォントについて、もっときちんとした知識を得たり、現状、Webフォントについて開発の現場で起きている諸問題を語り合いたいという希望から、Web開発者、タイポグラフィ研究者である鈴木 丈さんをお招きして座談会を開催しました。 鈴木さんは研究だけでなく、フォントメーカー、サプライヤーと
モリサワ、100の「写研フォント」提供へ 24年秋にまず43フォント投入 ゴナ・ナール・石井明朝など
フォント大手のモリサワは2月13日、2021年に発表した、写研が保有する書体のOpenTypeフォント開発プロジェクトにおいて、今後数年内に合計100フォントをリリースすると発表した。この計画は、邦文写真植字機発明100周年を記念したもので、24年秋には計43フォントを、サブスクリプションサービス「Morisawa Fonts」にて提供予定だ。 24年に提供する43フォントは、「石井明朝」「石井明朝オールドスタイルかな」「石井ゴシック」の13フォントと、写研の見出し書体群を「写研クラシックス」としてOpenType化した30フォントで構成。25年以降も順次提供予定としている。 写研クラシックスは、多種多様な見出し書体群を、写植全盛期のデザインそのままに使えるフォントとして提供。写研から提供を受けたアウトラインデータに加え、不足文字の作成、文字セットなどの仕様の整理を行っている。見出し利用に
マンガや同人誌にぴったりなフリーフォント「GL-ノバンチカ源」 濁点・半濁点つきの仮名、小書き仮名、記号文字が盛りだくさん！
マンガ・同人誌向けのアンチック体フォントはたくさんあります。今回紹介する「GL-ノバンチカ源」はアンチゴチとしての読みやすさはもちろん、セリフや擬音・擬態語に使用する濁点・半濁点つきのひらがな・カタカナ、小書き仮名も揃っており、こんなにも仮名や記号文字が揃っているフォントはないと思います。小書きの「ん」や「ー」の濁点なども揃っています。 オープンソースなので、個人でも商用でも完全に無料で利用できます。しかも、改変や組み込みもOKの太っ腹ライセンス！ GL-ノバンチカ源 -GitHub 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」のダウンロード 「GL-ノバンチカ源」を使ってみた 「GL-ノバンチカ源」の特徴 「GL-ノバンチカ源」は、「GL-アンチック」「GL-オとマのペ」などマンガ・同人誌向けのフリーフォントや「GL-築地初号などを多数リリースされているGutenberg Lag
UIデザインに最適！ 文字サイズが小さくてもくっきりと美しいフリーフォント「Inter」が待望のバージョンアップ
2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。 Inter 4は文字サイズが小さくてもくっきりと美しく、綺麗に表示されるようデザインされているのが大きな特徴で、字形にはコントラストを強調するディテールが備わっています。また、大きいサイズでもその美しいラインと滑らかな曲線、繊細なディテールは優れたリズムを実現します。 「0」と「O」を区別する必要がある場合のスラッシュゼロ、下付き数字の化学式（H2Oなど）、文字幅が揃った数字など、多くのOpenType機能も利用できます。 Inter font family Inter -GitHub Inter 4の特徴 Inter 4のダウンロード Inter 4のウェイトとグリフ In
「フォント」のルーツと「フォントビジネス」の歴史とは？
生活していると必ず目にするのがフォント。インターネット上の文字はもちろん、道路標識やお店の看板、シャツにあしらわれてる文字デザインも同様です。フォントデザインは個人のデザイナーが活躍していることも多い一方で、4万5000人のデザイナーが販売を行うMonotypeの独占状態になっています。そのようなフォントデザインとフォントビジネスの歴史について、海外メディアのThe Hustleがまとめています。 Where do fonts come from? This one business, mostly - The Hustle https://thehustle.co/where-do-fonts-come-from / The Hustleによると、原初のフォントとは、1440年にドイツの印刷業者であるヨハネス・グーテンベルクが聖書を大量生産するために発明した活版印刷機にさかのぼります。そ
朗報！ リニューアルされたGoogle Fontsがかなり使いやすくなってる、フリーフォントとアイコンを探すときに便利
先週、Google Fontsがリニューアルされました！ サイトのデザインは一新され、フォントやアイコンがこれまで以上に簡単に探せ、すぐにダウンロードしたりコードを簡単に利用できます。 新しくなったGoogle Fontsの使い方をざっと一通り紹介します。 Google Fonts 近日リリース予定のChrome 117もデザインが一新されますが、それに先駆けて、Google Fontsは9/7にリニューアルされました。 We're very excited about this: The new Google Fonts, find what you’re looking forhttps://t.co/agnALPyt9g — Google Fonts (@googlefonts) September 7, 2023 Google Fontsはこの10年間で、1,000以上の言語で1,
ふるさと納税に「ヒラギノフォント」登場、京都市の返礼品に基本6書体パック
SCREENグラフィックソリューションズは9月4日、京都市のふるさと納税の返礼品として「ふるさと納税パック ヒラギノ基本6書体」を登録したと発表した。寄付金額は60,000円。 SCREENグラフィックソリューションズ ロゴ 「ふるさと納税パック ヒラギノ基本6書体」は、「ヒラギノ角ゴシック体 W3/W6/W8」「ヒラギノ丸ゴシック体 W4」「ヒラギノ明朝体 W3/W6」の6書体、12フォントをCD-Rに収録したもの。高品質で視認性が高く、ウエイトの使い分けも可能なため、ビジネス文書やプレゼンテーション、店頭POPなど幅広い場面で活用できる。 2023年9月4日現在、この返礼品を掲載済みのふるさと納税ポータルサイトは「さとふる」、「ふるさとチョイス」、「ふるなび」、「楽天ふるさと納税」の4件。 返礼品の内容は、CD-R 1枚（DVDトールケースに封入）、DVDトールケースサイズはW135×
黒板太字 - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "黒板太字" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL（2010年5月） 黒板太字体の文字の例 黒板太字（こくばんふとじ、英: Blackboard bold；黒板ボールド、ブラックボードボールド）は、記号の一部の線（主に垂直線あるいはそれに近い線）を二重打ちにする書体のスタイルである。 しばしば数学の書籍におけるある種の記号に対して用いられ、数の成す集合によく用いられる。黒板太字体の文字は、重ね打ち体 (double struck) として言及されることもある（実際にはタイプライターで重ね打ちをしてもこの字体になるわけではない）。 概
これは嬉しい！ 漢字がJIS第2水準までしっかり揃ったピクセルフォントがリリース、しかも商用利用も無料 -マルミーニャ
ピクセルフォント「マルモニカ」などをリリースされているx0y0pxFreeFontから、新しいピクセルフォントがリリースされました。 ※「マルモニカ」（紹介記事）も漢字対応です。 「マルミーニャ」はかわいさの中にまじめさがある丸ゴシック体のピクセルフォントで、幅広い用途でピクセルの表現を堪能できます。 マルミーニャ マルミーニャ -BOOTH マルミーニャのダウンロード マルミーニャの特徴 x0y0pxFreeFontの他のフォント マルミーニャのダウンロード さっそくフォントのダウンロード方法を紹介します。 まずは、本サイト。「マルミーニャ」リリースのタイミングでサイトがGitHubに移転されました。フォントのダウンロードは、フォント下の「Download」をクリックするだけです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleが変体仮名フォント「Noto Hentaigana」をリリース ～蕎麦屋の看板などを再現可能／Unicodeに登録されている変体仮名286文字をカバー
日本人開発者向けの最適解？ GitHubフォント＋IBM日本語フォント＝「Moralerspace」／「Monaspace」と「IBM Plex Sans JP」をかけ合わせ、5スタイル×6つの全半角調整【レビュー】
GitHubが制作した次世代開発体験のためのコーディングフォント「monaspace」／トレンドを抑えつつ、独自技術「Texture healing」を盛り込んだ最先端のフォント【レビュー】
「な、なんだってーーーーー!!?」のひみつ マンガに「専用フォント」が必要な理由
【Ubuntu日和】 【第32回】フォントと日本語入力の、ホントの話
