Yu Gothic UIに text-spacing-trim を適用するとバグる を読んでいて、気になってしまったので、実際にYu Gothic UIのファイルの中身を開いて調べてみました。 発生している問題 回避策 原因 Yu Gothic UI 特有の問題？ まとめ 発生している問題 Yu Gothic UIは、Windows 10からプリインストールされているUI表示用フォントです。 手元の環境で確認したところ、Windows 11 23H2 (ビルド 22631.4317) 時点では、「Yu Gothic UI Version 1.93」がインストールされていました。 このフォントをChrome系ブラウザで利用すると、鍵括弧表示が崩れる場合があります。具体的には、 「abc」「abc」 のように、閉じ括弧・開き括弧が隣接するケースです。 」「 の部分ですね。この際に、閉じ括弧と開

はじめに 前提として本記事は特定のフォントを貶める意図はなく役割として使い分けることを推奨する記事です。 フォントにあるのは役割であり、優劣ではないということを念頭にご一読いただけると幸いです。 注意事項 メイリオという特殊なフォント まず具体的な問題点を挙げる前にメイリオというフォントについて軽く紹介させていただきます。 といってもWeb開発者にとっては馴染み深いフォントでありご存じの方が大半だと思います。 Windows Vistaより搭載されたこのフォントは未だに根強い人気があります。 記事にもあるように、このフォントは和文と英文の調和を重視して作られ英文のベースラインという考え方を取り込んでいます。 そこでメイリオでは和文を縦方向に95％に圧縮した形にして下部にスペースを開けた。こうすることで和文・欧文が混じったときに、それぞれのベースラインを合わせつつ、文字が上下に踊って見えると

こんにちは、ちょっと株式会社デザイナーのモです。 挨拶から間髪入れずで申し訳ないのですが、まずはこちらをご覧ください。 何の変哲もないテキストとアイコンで構成されたボタンです。 今回はこちらのボタンに物申したく筆を執らせていただきました。思うところがあるんだよ今の私には。 ずれている、Noto Sans JPという訳で早速本題に入りますが、単刀直入に言ってこのボタンずれてるんですよね。「暑いね」って言ったら「水飲めば？」って言ってくる人くらいずれてる。私怨はさておき具体的に表すとテキストとアイコンが上下にガクンとずれているって訳です。 論に拍車をかけるためにボタンに分割線を引いてみました。 アイコンは上下真っ二つだがテキストはどうも下に寄っていますぞなぜずれる、Noto Sans JPこれが目の錯覚…なら良かったんですが（良くない）実際にずれていて、ではなぜそんなことになっちゃっているのか

普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまうこともあります。 この記事ではフォントウェイトのまつわる落とし穴と、それを回避するための方法を紹介します。エンジニアだけでなく、デザイナーの方にも役立つ内容です。 Noto Sans JPを例にフォントのウェイトの設定を変えながら見え方を確認できるデモページを用意しました。ぜひ試してみてください。 サンプルを別ウインドウで開く コードを確認する アンチエイリアス まず、アンチエイリアスについて簡単に説明します。アンチエイリアスとは、画面上で表示される輪郭を色の濃淡などを用いて滑らかにする処理

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き

iOS, Android, macOS, Windows, Linuxの各最新OSにデフォルトでインストールされているフォントをCSSで使用するときに、font-familyにどのように定義するとよいのかが分かるModern Font Stacksを紹介します。 日本語フォントには残念ながら対応していませんが、英語フォントを使用する際のfont-familyの書き方がまとめられています。 Modern Font Stacks Modern Font Stacks -GitHub Modern Font Stacksの特徴 Modern Font Stacksは、スマホ・デスクトップ用のOSにデフォルトでインストールされているフォントを確認できるサイトです。CSSのfont-familyに定義すると、フォントは各OSで利用可能な最速のフォントで、フォントがダウンロードされる必要はなし、レイア

鵜田良江🎗 Yoshie Uda @hexenkurs きのう、ドイツの方から、この文字、本当に読めるんですか？と訊かれて、読めますよ、と返事をしたら、めっちゃ驚かれたのですが、日本語話者のみなさま、読めますよね？　すこし不自然ではあるけれど。 twitter.com/Computeum/stat… Computeum @Computeum Liebe @hexenkurs eine Frage, kann man diese auf 5x5 pixel verdichtete Schrift wirklich lesen bzw. sich den Inhalt zusammenreimen? pic.twitter.com/cLanm5KmXR 鵜田良江🎗 Yoshie Uda @hexenkurs 独日英日翻訳『ベルリン 1928-1933』『第三帝国のバンカー』『少女が見た19

iPhoneをアップデートしたらアラブ人が『史上最悪のフォントだ』とキレた！？その違い、わかりますか？

2022年12月1日、Discordはカスタマイズされたオリジナルのフォント「gg sans」を導入しました。ggは"Good Game"に由来するようです。Web フォントなどを利用して Discord 上の表示がこのフォントに順次切り替わる予定です。 補足 / UPDATE 2022/12/03 14:37 JST DiscordのCEO（Jason氏）より返事があり、ツとノの字形がgg sansから削除されたとのことです。右括弧は現時点で残っているようです（これは当初のわたしの指摘がツとノのみに限られていたせいです）。 2022/12/04 14:55 JST 12/3時点でJason氏からの返信に右括弧が残っているという旨を補足しました。 12/4 午前にDiscordのエンジニア Brandon氏より連絡があり、括弧等の修正が完了したとのことです。 こちらで確認する限り、CJK関

LINE Seed Licensing All content of LINE Seed is copyrighted material owned by LY Corp. All fonts are released under the SIL Open Font License, Version1.1. This license is also available with a FAQ at: https://scripts.sil.org/OFL You can use them for any personal or commercial purposes. However, the software font files themselves cannot be sold by the other parties other than LY Corp. For commercia

平素よりFONTPLUSをご利用いただき、誠にありがとうございます。 現在、FONTPLUSのWebフォントを提供しているWebサイトにおいて、フォントが配信されない状況が発生しております。 原因究明と復旧に向けて作業を進めておりますが、復旧の明確な目処がたっておりません。 サービスをご利用のお客様には、多大なるご迷惑をおかけし誠に申し訳ございません。 ご理解とご協力を賜りますようお願い申し上げます。 【事象】 FONTPLUSのWebフォント表示を登録しているWebサイトで、Webフォントが配信されない。 もしくは503/504エラーになる。 【発生日時】 2022年10月23日（日）2時ごろから、断続的に発生

アカツキユウ🌙🥼📕 @akatsuki_yu 「Windowsのフォント（MS明朝、MSゴシック、游明朝、Arialなど）って商用不可なの！？」みたいなのを定期的に見るので私も定期的に流します。 結論言うと「Windowsのフォント」は平気。 「MS Officeのフォント」は別ライセンス。 Windows標準フォントの”今” | ALBA LUNA albalunaweb.net/knowhow/3863.h… 2022-09-30 14:23:10 リンク ALBA LUNA Windows標準フォントの”今” | ALBA LUNA Windows標準フォントについて、かなり昔の情報が出回っており、かつMicrosoft公式のページが検索でトップヒットしないことから、この記事を書きました。 この記事の初版・更新日はタイトル下に表示 64 users 8 アカツキユウ🌙🥼📕

日本人が想像するよりかなり広い範囲で日本語文字が中華フォント化している現象。CJK処理系における日本語の扱いに対する問題としてそろそろ何とかしていかないと、ソフトウェアの中の日本語が死んでいく危機感がある。そもそもなんでChine… https://t.co/c0smuwwwrG

三条友美 @tomomisanjo 《少女の絵本》イラスト＆少女の恐るべき告白 dlsite.com/maniax/work/=/… 仕事の御依頼はこちらに！ tomomihaluna@gmail.com

チョコ黒は研究者になりたい！ @bottiboch 2号が小学生のとき、学校からのお手紙が全て丸ゴシックに変わったの。当時はUDデジタル教科書体がまだなくて、明朝体ばかりだったのよ。なんで変わったのか聞いたら、教頭先生が変えられたと。教頭先生のお子さんが明朝体や教科書体が読みづらいお子さんだったらしくて、読みやすいお手紙を心がけて… チョコ黒は研究者になりたい！ @bottiboch いらっしゃるらしいと…保護者からの評判はとても良かったのよ。 今はPTAからのお手紙以外はUDデジタル教科書体になってる。 加齢による変化で、字を読むのが辛いお年頃にも、読むのが苦手な保護者にも優しい学校からのお手紙って大切よね。

19 May, 2020 Speed Up Google Fonts Written by Harry Roberts on CSS Wizardry. Table of Contents Testing Default/Legacy font-display: swap; Async CSS preload preconnect Bonus: font-display: optional; Comparisons and Visualisations Findings Google Fonts Async Snippet Ten-Second Version: If you really can’t be bothered going to all of the effort outlined in this post, there is a super rough-and-ready,

小川修史（おがっち）🌱障害を斜め135度から考える人 @ogatti21 兵庫教育大学教授／ユニバーサルファッションブランドNUD. （Creative Director）／障害の有無や性別などに関わらず、多様の人にとって「魅力的な」デザインを探し求める人／魅力的なユニバーサルデザインを世に発信すべく、 ブランド立ち上げに挑戦／過去のバズ投稿はハイライト参照 https://t.co/jD8MQf8oqA 小川修史（おがっち）🌱障害を斜め135度から考える人 @ogatti21 大学の教職員に対して「Windowsに標準搭載の『UDデジタル教科書体』は、障害や困難さのある方向けに開発されたフォントです。フォントを変えるだけでも助かる人が多くいます。」とお伝えした。 すると最近、事務文書や配布資料でUDデジタル教科書体を目にする機会が明らかに増えた。 ちょっと感動。 pic.twitte