戸籍統一文字の見たことない漢字鑑賞会
2020年のプープーテレビで好評だった「戸籍統一文字の見たことない漢字鑑賞会」を文字起こししました。 動画で見逃した人もどうぞ。 --- 林：たまたまたどり着いて知ったんですが、「戸籍統一文字」っていうのを法務局が作ってるんですよ。戸籍ってコンピューターで出ない文字が使われているので、専用にコードをふっているんですよ。そしてまだたまに追加されているらしいです。 べつやく：まだ追加されているんだ 林：そう、そして検索できるページが用意されているんです。 林セレクト 林：これはすごいのあるぞ、と推したい字はこれですね。三の続きで「シ」。 西村：三の次だからね べつやく：「二」がふたつなんですよね 伊藤：もっと4以上はないんですか？ 西村：「ご」とかね 林：なかったんですよ 西村：探したんですね？ べつやく「ろく」もなかったんだね 西垣：なだらかに四本になっててもいいのにね 林：そうですよねぇ
2021年、最も注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン（Settings）をクリックします。
【海外アニメ】恐怖！ディズニープラスクソダサロゴ展覧会！【カートゥーン】 - コウタロー速報
どうも、コウタローです。 みなさん…ディズニープラスはお好きですか？ ディズニー、ピクサー、MCU、スターウォーズ、ナショナルジオグラフィック… あとシンプソンズ などめちゃくちゃ良いコンテンツが揃ったサブスクでお馴染みですよね 近年では「アメリカンドラゴン」「リセス」「スーパーロボットモンキーチームハイパーフォースGO！」などディズニーチャンネルの昔の名作カートゥーンや 「よく吹き替えあったな！？」ってなる昔のマーベルアニメなど海外アニメ好きにとってありがたいサービスとなっています しかし……そんなディズニープラスに対して僕はある不満があります なんだかんだワンダーを配信しない とか 字幕と吹き替え変更とかマイリストに一発で行けないUIがマジで最悪 とかもあるんですが個人的に一番興醒めなのは……… 日本語ロゴがマジでカスすぎる！！！！！！！！ なんなんこのロゴ？？？？？ フォントが弱々し
フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、Google社の「GoogleFonts」にて提供を開始しました。 私たちは、「もじと もっと じゆうに」というタグラインを掲げ、文字の力を最大化し、すべての人の日常に新たな価値を生み出していきたい、と考えています。GoogleFontsが掲げる "Making the web more beautiful, fast, and open through great typography" にも共感し、一部書体ではありますが、GoogleFontsへ提供いたしました。制作環境に依存することなく、より多くの新しい作品が生み出されることへの貢献と、今後の更なるフォント市場の活性に繋がることを期待しています。 GoogleFontsは「SILオープンフォントライセ
“奇跡のフォント”で小学生の正答率に差 開発者が語る「UDデジタル教科書体」の驚くべき効果とは | デイリー新潮
「週刊新潮」の発売前日に速報が届く！ メールマガジン登録 デイリー新潮とは？ 広告掲載について お問い合わせ 著作権・リンクについて ご購入について 免責事項 プライバシーポリシー データポリシー 運営：株式会社新潮社 Copyright © SHINCHOSHA All Rights Reserved. すべての画像・データについて無断転用・無断転載を禁じます。
欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 欧文で「〜」は使わない考えてみると「そりゃそうか」ってなるのがこの「〜」。日本だと 午前10時〜午後7時 というように使用します。便利でわかりやすい符号です。 「〜」は波形という日本の約物これは「波形」というつなぎ符号です。約物（やくもの）という記号の一種。波形の意味は、「…まで」。だから 東京〜大阪まで という表記は間違いです。「東京〜大阪」で「東京から大阪まで」という意味になるからです。波形は、この他に語句の省略や長音を強調するために使う音引き「ー」の代わりに
教材の書体を変えるだけで子どもの読解力が上がった!? モリサワに聞く「フォントのユニバーサルデザイン」（1）
より多くの人にとって、使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント（UDフォント）」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初のユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 そもそもUDフォントとは？ ―― そもそもUDフォントとはどんなものですか？ 高田氏：人間の感覚は聴覚、触覚、嗅覚……などに分けられますが、情報の認知には視覚、特に文字情報の認知が大きな役割を果たしています。ですが、さまざまな事情から、読むことに困難さを抱えている人もいます。 UDフォントは「より多くの人に見やすく、読
この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ
漢 字 「 傘 」 な ど 使 用 自 粛 要 請 を 検 討 社 会 的 距 離 確 保 で き ず こ れ は 嘘 ニ ュ ー ス で す 新 型 コ ロ ナ ウ イ ル ス 感 染 対 策 と し て 、 「 傘 」 や 「 卒 」 な ど 一 部 の 漢 字 に つ い て 、 政 府 が 使 用 自 粛 の 要 請 を 検 討 し て い る こ と が １ ０ 日 ま で に わ か っ た 。 こ れ ら の 漢 字 は 、 中 に 含 ま れ る 「 人 」 と 「 人 」 と の 間 隔 が 狭 く 、 感 染 防 止 に 必 要 な ソ ー シ ャ ル ・ デ ィ ス タ ン シ ン グ （ 社 会 的 距 離 ） が 確 保 で き て い な い こ と が 主 な 理 由 。 自 粛 要 請 の 対 象 と す る 漢 字 は 「 傘 」 「 卒 」 「 俎 」
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
ブラウザの作り方
リンク集 - Populating the page: how browsers work: https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work/ - How Browsers Work: Behind the scenes of modern web browsers: https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/ - Let's build a browser engine!: https://limpet.net/mbrubeck/2014/08/08/toy-layout-engine-1.html/ - W3C: https://www.w3.org/ - WHATWG: https://html
ハイフンに似ている横棒を全て統一するᅳㅡ˗𐆑–᭸‒-─−▬𐄐—━‐‑ー﹣―ｰ﹘－⁃➖⁻！ - Qiita
はじめに これらの横棒、コンピュータにとっては全て違うのですが 見分けがつくでしょうか？ -˗ᅳ᭸‐‑‒–—―⁃⁻−▬─━➖ーㅡ﹘﹣－ｰ𐄐𐆑 郵便番号、住所、電話番号など、横棒が使われているデータを扱うとき、 人が入力したデータや購入したデータであると、同じ記号が使われていないことはよくあることです。 090-1234-5678 090᭸1234᭸5678 090‑1234‑5678 090−1234−5678 これらの電話番号の文字列も phone_no_list = ['090-1234-5678', '090᭸1234᭸5678', '090‑1234‑5678', '090−1234−5678'] # 文字をUnicodeコードポイントに変換 for n in phone_no_list: # 文字列の４番目の横棒の文字コードを見てみる print(n[3], ord(n[3]
「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter
チョコ黒は研究者になりたい！ @bottiboch 2号が小学生のとき、学校からのお手紙が全て丸ゴシックに変わったの。当時はUDデジタル教科書体がまだなくて、明朝体ばかりだったのよ。なんで変わったのか聞いたら、教頭先生が変えられたと。教頭先生のお子さんが明朝体や教科書体が読みづらいお子さんだったらしくて、読みやすいお手紙を心がけて… 2022-03-04 13:01:57 チョコ黒は研究者になりたい！ @bottiboch いらっしゃるらしいと…保護者からの評判はとても良かったのよ。 今はPTAからのお手紙以外はUDデジタル教科書体になってる。 加齢による変化で、字を読むのが辛いお年頃にも、読むのが苦手な保護者にも優しい学校からのお手紙って大切よね。 2022-03-04 13:06:58
ローソンのPBパッケージの視認性が話題になる中、セブンイレブンは「オシャレをぶん殴る」主張が激しいフォントで真逆を行っていた
まとめ ローソンのプライベートブランドのデザインに賛否両論 LAWSON（ローソン）のプライベートブランド商品のデザインに賛否両論があったのでまとめました。デザイナーの意見、一般消費者の意見、若い子の意見、色々ありますね。個人的には店頭でSNSとかやらない年配の方に意見を聞きたい。かわいいから買いたい？分かりづらいから買わない？みんなはどう思う？ 364483 pv 1030 785 users 1147
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関
はじめに 最近のCSSのアップデートは目覚ましいものがありますが、 みなさんは、CSSの値と単位がここ1年くらいで大きく変わっていることはご存知ですか？ Dynamic viewport が追加されたり、math 関数が追加されたりなどの大きな変更は、ご存知かもしれないですが、calc()で ネイピア数 e や 円周率 πなどが使えるようになったり、 フォントに相対的な長さ単位が追加されていたりと細かい変更も多くあります。 そのため、この記事では、CSS Values and Units Module Level 3 から CSS Values and Units Module Level 4の変更点を中心に紹介しようと思います。 Viewport単位 CSS Values and Units Module Level 3 から CSS Values and Units Module Le
はじめに こんにちは。書き始めを「はじめに」にしてしまうハウツーサイト出身者です。 コロナコロナで様々なものが中止や延期になってしまい、3.11のときに似た閉塞感を感じていますが、みなさまいかがお過ごしでしょうか。通勤や平日が好きな日常を愛する者として、一刻も早くいつも通りの日常が戻ってきてくれることを心より祈ります。 そんなときこそブログを書こう せっかくブログの会社に転職したんだし？ 最近は何をしているかというと、実案件運用から組織マネジメントまで幅広くやっております。お金周りに近いところを希望し入社したので、営業さんとお仕事をさせてもらっていて楽しいです。ありがとうございます。 資料をよくつくる となると、内部向け外部向け問わず資料を作ることも多くなります。以前は圧倒的Keynote派でしたが、現在はなるべく共有しやすいGoogleスライド中心にしています。 みなさん資料作りは好きで
キングジムは8月6日、スマートフォンと連携させて使うラベルプリンタ「テプラ Lite LR30」を20日に発売すると発表した。価格は6800円（税別）。 同社のラベルプリンタ「テプラ」シリーズのスマホ連携専用モデル。Bluetoothで接続し、専用アプリ「TEPRA Lite」（iOS、Android）でラベルを作成して印刷できる。文字と画像のサイズや位置を変更してオリジナルラベルが作れる。 絵文字や文字の外枠、整理収納やギフト・デコレーションに便利なテンプレート素材をアプリに収録。スマートフォン内蔵のフォントを使えるという。
個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか？ A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです（課金プランはある）。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
Melete | ドットコロン
Melete is licensed under the SIL Open Font License, Ver 1.1 ドットコロンのフォントはWebサイトや印刷物、ロゴタイプなどへの使用はもちろん、改変・再配布等も自由に行って頂いてかまいません。 商標登録が必要なものに関しても同様です。ただし、ドットコロンのフォントは無保証です。インストールや使用方法に関するご質問はお受けできません。 また、ドットコロンのフォントを使用したことにより何らかのトラブルが発生しても、ドットコロンは一切責任を負いません。 MeleteはSF映画のタイトルのような雰囲気を目指したサンセリフです。 可読性を一部犠牲にしつつ、ゆったりとした余白を用意し近未来的な雰囲気になるよう仕上げました。 よくSF映画で使われているEurostile ExtendedやBank Gothicを参考に、より尖ったデザインを目指して
『戸籍統一文字』の見たことない漢字はいったいなに？
法務省が、戸籍で取り扱う文字を整理した「戸籍統一文字」を検索できるウェブサイト「戸籍統一文字情報」で、漢字を検索すると、みたことのない漢字がゾロゾロでてきて、たいへんおもしろい。 当サイトでは、昨年動画で取り上げたうえに、記事化までしていじり倒してきた。 この、みたことのない漢字をいじっておもしろがるのは、それはそれでいいけれど、やはり「なんでこんな漢字があるのか」という、素朴な疑問も当然わく。 そこで、漢字に詳しいひとと一緒に、戸籍統一文字にある不思議な文字を一緒にみてもらうことにした。 「戸籍統一文字」とは？ 日本語を話す日本人が普段使うとされている漢字は、常用漢字としてまとめられており、その数は現在２１３６文字ある。 そのほか、めったに見かけないけれど、読んだり書いたりできる漢字。読み方もわからないけれど、どこかで使われている漢字をあわせて、かなり多めに見積もっても、おそらく３０００
ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
文化審議会の国語課題小委員会は30日、半世紀以上前の通知に従い、公文書では読点に「，」（コンマ）を使うとのルールを見直し、一般に広く使われている「、」（テン）を用いるよう求める中間報告案をまとめた。年度内に正式な報告をまとめ、文化庁がその後に内閣官房と通知見直しに向けて協議する。 公文書は、1952年に当時の官房長官が各省庁の事務次官に通知した「公用文作成の要領」で、「なるべく広い範囲」で左横書きとし、横書きでは句読点には「。」（マル）とコンマを使うと定められた。ただ、現在は多くの省庁がテンを使っており、文化庁は要領改定を検討してきた。
ウェブデザインにおけるline-heightについて
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
CSSの単位px、em、remは、どれをどこで使用するのがよいか。 font-sizeの値にはどの単位を使用していますか？ ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。 The Surprising Truth About Pixels and Accessibility by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSでpxとemとemの各単位がどのように機能するか アクセシビリティに関する考慮事項 どの単位をどこで使用すればよいのか どの単位がベストなのかが明らかでない場合 簡単にできる小技とメンタルモデル ボーナス: remを使用すると便利なテクニック はじめに C
フロントエンド/Node.js エンジニアの mizchi です。plaid では新しい分析エンジンのフロントエンド側の技術的な仕様を考えたり、それを実装したりしています。趣味として社内の他のプロダクトのパフォーマンスを勝手に測って、貼り付けていくこともあります。 plaid のエンジニア組織には「組」という制度があって、メインとなるプロダクト以外にも、そのテーマで会社横断で活動するグループがあ
書体讃歌 @typeface_anthem ※※※当方で撮影・作成した掲載物を転載する場合は必ず【引用元を併記】ください※※※写植（写真植字）の文字盤や紙資料をアーカイブしています（停滞気味）廃棄予定の方はご一報くださると幸いです◆写研・モリサワ・リョービ◆デザイナーではないです◆「奇才紳士名鑑」kemur.jp/isai230120 note.com/typeface_anthem 書体讃歌 @typeface_anthem 【告知】 本年も #紅白フォント合戦 の時間が近づいて参りました。一曲目歌詞の一文字目が出た瞬間から、全国1億2000万人の文字っ子が書体特定のRTA記録を争う一大イベントです。毎年ミリ秒単位での大接戦となります。怖。 今年の勝利の女神🏆は誰に微笑むのか！？本日19:20から奮ってご参加ください。 pic.twitter.com/fMkphHjdlb 2022-1
文字組版の教室 note版｜モリサワ note編集部
なんとなく使っていませんか？ 括弧の種類と使い分け 突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中…
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
GitHub - Katsukiniwa/awesome-software-design-ja: 日本語でのソフトウェア開発・設計に関する記事や書籍をまとめたリポジトリです
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.
Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという
Iosevkaというフォントが良い
突然ですが、皆さんはどのフォントでコーディングしていますか? monaco、Monospace、MSゴシックなど、等幅フォントを軸に種類は多種多様です そんな中、それらを尻目に私が使っているフォントはIosevkaというフォントです Iosevkaとは? 以下の特徴を持ったフォントです 等幅フォント 日本特有の文字種(㈱や㌕など)に対応 これらもきっちりと等幅を守っている リガチャ機能あり !=や<=など、特定の連続した文字列を合成して別の文字で表す機能 エディタもリガチャに対応している必要あり(VSCodeやAtom、iTerm2は対応しているので、大抵のエディタやIDEは対応していると思います) 特定の文字をプリセットの中から選ぶ事ができる プリセットから選んで、特定の文字のみデザインを変更することも可能 全体的な文字の太さ、デザイン、文字のゆとりも設定することが可能 特に 特定の文字
「MS Pゴシック」など、日本語フォントの名称についているアルファベットの意味を、4枚の画像で解説したTwitter投稿が分かりやすいと話題になっています。 解説者はあらた／PowerPoint+（@powerpoint_plus）さん。見栄えする資料を作るために役立つパワーポイントのテクニックを発信しています。 最初のスライドで紹介している知識は「MS Pゴシック」などに見られる「P」の意味。これは“プロポーショナルフォント”の頭文字で、日本語にすると“可変幅フォント”、すなわち文字幅が一定ではないものを指します。 「P」の付かない「MS ゴシック」はどの文字も横幅が同じですが、「MS Pゴシック」は文字ごとに大きさが異なるというわけです。 MSゴシックとMS Pゴシックの違い 続いて「UD」は何を表しているのでしょうか？ 「UD デジタル 教科書体 NP-R」のように冒頭についているも
日本銀行 @Bank_of_Japan_j 日本銀行の公式アカウントです。日本銀行ホームページの更新情報をお知らせしています。なお、災害発生時などには、必要な情報を個別に発信する場合があります。 ＜本アカウントの運用方針＞boj.or.jp/snspolicy.htm/ boj.or.jp/index.html/ 朝日新聞デジタル @asahicom 新1万円札の実物を初披露、流通は24年度上期めど asahi.com/articles/ASP91… 2024年度上期をめどに市中に出回る予定の新紙幣。 国立印刷局東京工場で印刷が始まり、新1万円札の実物が初めてお披露目されました。 紙幣のデザインが変わるのは04年以来です。 pic.twitter.com/ORIJw9DueQ 2021-09-01 21:30:02
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeの新機能CSS Overviewがすごく便利！ページに使用しているCSSの概要や未使用の宣言がすぐ分かる
「GoogleFonts」へディスプレイ書体など全8書体を提供しました | Fontworks
欧文で「〜」は使いません。ハイフンとダーシの話｜しじみ ｜デザインを語るひと
IPAが無償で提供している文字の検索システムがなかなかイケていると話題に／関連する文字をグラフで表示。異体字の一覧も可能【やじうまの杜】
Webフロントエンド開発で役立つサービスまとめ - Qiita
漢 字 「 傘 」 な ど 使 用 自 粛 要 請 を 検 討 社 会 的 距 離 確 保 で き ず
次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
奇妙な「ツ」と「ノ」と右括弧 Discordの新フォント"gg sans"が抱える問題とその背景
【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ - Qiita
「Googleスライド」で作る資料を、ちょっと良く見せるコツまとめ - Yunicode
キングジム、スマホ専用「テプラ」発売 アプリでオリジナルラベル作成、手書きイラストも挿入できる
【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
外字を使うのはやめてくれ！ Unicodeへの移行を呼びかけるMicrosoftの公式ブログ記事が話題に／今や「メモ帳」でさえテキストファイルをUnicodeで保存する時代！ Shift_JISはやめよう【やじうまの杜】
コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura
ウェブサイト制作では、游ゴシックはおすすめしない理由
公文書の読点「，」から「、」に 半世紀以上前の通知変更へ ｜ 共同通信
CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相
社内でフロントエンドのパフォーマンスチューニングコンテストを開催した
紅白の歌詞フォントを特定する速さを競う『紅白フォント合戦』6年ぶりの変更で界隈に激震が走る「絶対フォント感欲しい」
おとひら
VSCodeで最強のMarkdownノートエディタを作ろう
Webフォント読み込み戦略（2021年） - MOL
「MS Pゴシック」のPって何？ フォントの名前に付く“謎英字”を解説した画像がためになる
日本人開発者向けの最適解？ GitHubフォント＋IBM日本語フォント＝「Moralerspace」／「Monaspace」と「IBM Plex Sans JP」をかけ合わせ、5スタイル×6つの全半角調整【レビュー】
【ダサいことで評判の新紙幣】 → 外国人、こども、弱視者など多くの人が「読みやすい」ことを目指した結果です。