ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
line-heightのハーフ・レディングを打ち消す`calc((1em - 1lh) / 2)`をCSS変数に定義しておくとよい – TAKLOG
lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片方の値を算出するために2で割ると-4pxになります。したがって、margin-block: calc((1em - 1lh) / 2)は、書式のブロック方向（横書き時：上下）にそれぞれハーフ・レディングの大きさ（今回では4px）分のネガティブマージンを設定するということになります。 従来の上下の余白を打ち消す方法との比較lhが登場するまではSassの@mixinなどを使用して以下のような関数を定義し、ハーフ・レディングを打ち消す方法
UIデザインで中央配置がずれてしまう理由と解決方法
UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？ UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントにおける中央揃え line-heightにおける中央揃え アイコンにおける中央揃え アイコンフォントにおける中央揃え 中央配置がずれているのは、スキルの問題 水平方向の中央揃え
絵文字は英語でも「emoji」と呼ばれている通り、日本発祥の文化という説が有力です。新たに1988年に生産された日本の電子手帳から「最初期の絵文字」が発見されました。 Emoji history: the missing years ⌘I Get Info https://blog.gingerbeardman.com/2024/05/10/emoji-history-the-missing-years/ New Earliest Emoji Sets From 1988 & 1990 Uncovered https://blog.emojipedia.org/new-earliest-emoji-sets-from-1988-and-1990-uncovered/ 絵文字文化の起源には多様な説があり、中でも「1999年のNTTドコモによるiモード開発が切っ掛けで誕生した」という説が広
パワーポイント用デザイン・テンプレートの2024年版を公開しました。今回の変更点としては、ワイド画面（16:9）のスライドがより使いやすくなるようルールを拡張し、併せて新しいデザインパーツの収録、そのほか細かなフォントサイズや余白の調性といった微調整を行っています。とはいえ、前回（2022年3月版）と比べてテンプレートのつくりに大きな変更はないため、今までと同じ感覚で利用いただけると思います。まずはダウンロードしてお試しください！ 当サイトの「デザイン・テンプレート」とは 当サイトのテンプレートを初めて利用する方向けに。プレゼンデザインでは、パワーポイント用のデザイン・テンプレートを2012年のサイト開設後間もない頃から無償公開し続けています。 一般的なデザイン・テンプレートとは少し毛色が異なり、デザイン済みスライドの提供に加えて、スライドサイズや色の選び方、フォント、余白の取り方など、プ
「ピグモ00」「マメロン」「廻想体」「金畫字」など、人気が高いフリーフォントをたくさんリリースされているもじワク研究さんから、新作のフリーフォントがリリースされました！ 今回は、ゴシック調のデザインで、ヴィンテージ感もあ...記事の続きを読む
GitHub - yuru7/bizin-gothic: Bizin Gothic は、ユニバーサルデザインフォントの BIZ UDゴシック と英文フォント Inconsolata を合成したプログラミング向けフォントです。
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
視覚障害を持つ人々はブラウザの拡大機能やカスタムCSSを使用して文字を大きくしてウェブサイトにアクセスすることがありますが、サイト側の対応が不適切だとレイアウトが崩れてしまいます。レイアウトを維持したまま文字のサイズ変更に対応する方法が、Airbnbの企業ブログで解説されています。 Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881 視力が著しく低下してしまった人がAirbnbのページを見た時のイメージはこん
モリサワ、楽天の日本語コーポレートフォント 「Rakuten Sans JP」を共同開発 | Webマガジン「AXIS」 | デザインのWebメディア
フォントメーカーのモリサワは、楽天グループと共同開発した日本語コーポレートフォント「Rakuten Sans JP」を発表した。2024年3月より楽天のコーポレートサイトの一部で使用を開始しているほか、その他のサイトや各種アプリ、IR資料などでも広く活用される。 楽天は国内外において、インターネットサービスをはじめ、金融、モバイル、プロスポーツといった多岐にわたる分野で70以上のサービスを展開。また、楽天会員を中心としたメンバーシップにより、「楽天エコシステム」という独自の経済圏を形成している。 同社はこれまで、ブランド価値の向上の一環として、欧文コーポレートフォント「Rakuten Font」を2020年に開発し、モリサワが提供する「UD新ゴNT」の日本語フォントとともに運用してきた。 今回は日本語での情報発信においてもさらなるブランドの統一感を示すため、楽天グループの戦略的ブランディン
米Googleは5月15日（現地時間）、次期Android OS「Android 15」の「beta 2」をリリースしたと発表した。その中で、中国語、日本語、韓国語の表示で使用しているフォント「NotoSansCJK」がバリアブルフォントになるという。 新たに搭載するフォントは「CJK Variable Font」と呼ばれ、Googleは「日中韓言語におけるクリエイティブなタイポグラフィの新たな可能性を開き、デザイナーはより幅広いスタイルを模索し、以前は困難または不可能であった視覚的に印象的なレイアウトを作成できる」と説明している。 また、変体仮名のフォントファイルがデフォルトで組み込まれる。Googleは2月に、ChromeOSやAndroidでの日本語環境改善の一環として「Noto Serif 変体仮名」をリリースしており、アートワークやデザインだけでなく、古文書の正確な伝達と理解の維
Rethinking Text Resizing on Web
Airbnb has made significant strides in improving web accessibility for Hosts and guests who require larger text sizes. This post takes an in-depth look at: The problems encountered on mobile web when relying solely on browser zoom.The challenges of introducing changes that would impact the workflow of all frontend engineers.The benefits seen since launching these accessibility improvements.by: Ste
During my research into vintage Japanese drawing software, I came across some devices that had built in sketch or handwritten memo functions. I bought a couple of them to see if they did anything cool or interesting. These sorts of devices are pre-internet, so there’s not much about them online, and they can’t be emulated, so the only way to find out what they do is to get first hand experience by
List of Emoji
Emojis are small picture-like symbols that can add context and emotion to written text. They are about the same size as a letter that can be typed, but unlike alphanumeric characters, they are usually depicted in color, and their meaning is often open to interpretation. The word emoji comes from combining the Japanese words for picture and character. The first emoji characters, introduced in the 9
1 鳥肌の立った「愛」（ヒラギノ明朝体・W6）。 | 書体をつくるひと。書体デザイナー・鳥海修さんの仕事 | 鳥海修 | ほぼ日刊イトイ新聞
なにかを突き詰めてきた方のお話って、 やっぱり面白いんです。 本、雑誌、ポスター、ウェブサイト、各種表示など、 我々が日常的に目にするさまざまな文字を 長年にわたりデザインされてきた、 書体設計士の鳥海修（とりのうみ・おさむ）さんに、 文字をつくる仕事について教えていただきました。 スティーブ・ジョブズが 「Cool!」と言ったというヒラギノ明朝体、 iPhoneの表示に使われているヒラギノゴシック体、 鳥海さんが所属する「字游工房」の フラッグシップ書体である游明朝体や游ゴシック体など、 新しい書体はどのように生まれるのだろう？ 一書体につき約14500文字ある漢字は、どうつくる？ 明朝体の魅力や、つくり終えたときの気持ちは？ 貴重な制作過程の映像も、登場しますよ。 ＞鳥海修さんプロフィール 1955年山形県生まれ。 多摩美術大学を卒業後、 1979年に写研に入社し、 書体デザイナーの道
文字は_。 - ドキュメント20min.
文字は_。初回放送日：2024年5月13日 街中にあふれる「文字」。誰がどうやってつくっているのだろう。書体設計士・鳥海修とグラフィックデザイナー・大原大次郎に密着し「文字」が生まれるまでを見る２０ｍｉｎ 知られざる「文字」の世界へようこそ。同じ文字でも書体が変ると、なにか違う。あるときは真面目に、あるときは楽しく。果たして、「文字」とは何なのか？登場するのは、当代きっての文字の作り手のふたり。「文字は＿。」という空白の文章に、自らの哲学を独自の書体で描いてもらう。こだわりの制作過程に密着すると、精細な世界が広がっていた。身の回りにある「文字」の見え方がきっと変わる２０ｍｉｎ。語り：柴田聡子
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブサイト制作では、游ゴシックはおすすめしない理由
最初期の絵文字セットが1988年のシャープ製電子手帳から発見される
パワーポイントの品質と生産性を向上させるデザイン・テンプレート ― 2024年版 ― ｜プレゼンデザイン
商用利用無料！ ゴシック調の新作日本語フリーフォントが登場、一つひとつの文字がかわいい「サマサン・ドノクン」
おっさんが使いがちなネコの絵文字、どの環境でもかわいいとは限らないんだぞ／「はてな匿名ダイアリー」の注意喚起記事がちょっと話題に【やじうまの杜】
Microsoftのコーディングフォント「Cascadia Code」が3年ぶりのメジャー更新／ターミナルアプリのカラフル描画に適したグリフ、アプリやWebサービスのアイコンも
ブラウザ側で文字サイズを変更してもレイアウトが崩れないようにするための方法をAirbnbのエンジニアが解説
読めないけどなんかエモい ～宇宙人が使いそうなフリーフォント「異地球言語フォント」／どんな場面で使えるのかは置いておいて、商用も自由【レビュー】
Android 15、日本語のバリアブルフォントを採用へ 変体仮名にも対応 「beta 2」リリース
Emoji history: the missing years ⌘I Get Info