当ブログで行ったGoogle Fontsの読み込み最適化を紹介します。CLSを大幅に改善できたので個人的にはこれが最適解だと思っています。 結論いきなり結論ですが、次のHTMLのhrefの値を使用しているGoogle Fontsのそれに変更し、head内で読み込んでください。
2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。 Inter 4は文字サイズが小さくてもくっきりと美しく、綺麗に表示されるようデザインされているのが大きな特徴で、字形にはコントラストを強調するディテールが備わっています。また、大きいサイズでもその美しいラインと滑らかな曲線、繊細なディテールは優れたリズムを実現します。 「0」と「O」を区別する必要がある場合のスラッシュゼロ、下付き数字の化学式(H2Oなど)、文字幅が揃った数字など、多くのOpenType機能も利用できます。 Inter font family Inter -GitHub Inter 4の特徴 Inter 4のダウンロード Inter 4のウェイトとグリフ In
折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介します。 Linefont | Wavefont フォントのライセンスはSIL Open Font Licenseで、個人でも商用プロジェクトでも無料で利用できます。 まずは、Linefont。 Linefontは中小規模の折れ線グラフ(時系列など)を描画するためのフォントです。値は0~100の範囲でさまざまな文字に割り当てられます。範囲、値、ウェイトはWavefontと互換性があり、視覚的な一貫性を維持しながらフォントを交換できます。
Using Intel.com Search You can easily search the entire Intel.com site in several ways. Brand Name: Core i9 Document Number: 123456 Code Name: Emerald Rapids Special Operators: “Ice Lake”, Ice AND Lake, Ice OR Lake, Ice* Quick Links You can also try the quick links below to see results for most popular searches. Product Information Support Drivers & Software
「しっぽり明朝」「しっぽりアンチック」など、人気のフリーフォントをリリースされているフォントダスさんから、読みやすくて目に優しい太ゴシック体と太ゴチック体の2つのフリーフォントがリリースされました! 平筆で描いたような太めのフォントで、墨だまり表現をほどこした温もりのあるデザインになっています。Webデザイン、グラフィックデザイン、同人誌などにも完全無料で利用できます。横書き・縦書きにも対応しています。 「しっぽり太ゴシック」「しっぽり太ゴチック」のダウンロード 「しっぽり太ゴシック」「しっぽり太ゴチック」の特徴 「しっぽり太ゴシック」「しっぽり太ゴチック」使ってみた 「しっぽり太ゴシック」「しっぽり太ゴチック」のダウンロード さっそくフォントのダウンロードから紹介します。 2つのフォントはそれぞれ別ページからダウンロードできます。 まずは、「しっぽり太ゴシック」のダウンロードページ。
Noto Serif CJKjpが見当たらないどーも、最近脳波に連動したインタラクティブアートの制作にハマっている@まるです。 今回、新しいPCで資料作りの為「Noto Serif CJK」フォントをインストールしようとしたら、 リンクがNoto Sans Japanse, NotoSerif Japaneseのみになっており、CJKが見当たらず・・。 ちょいと探すのに時間がかかったので、解決法を残しておきます。 何やらGoogle Fontsからは、消えてしまった模様。 Noto Serif CJKjpが再インストールできる場所Google Developersにあるドキュメントを読むと、どうやらGithubにも落ちているらしい。 こっちにはまだフォントファイルが残ってたということで、CJKのフォントをまだ使いたい方は以下↓からダウンロード。 【Github】 https://githu
Make Your Mark Fonts are an important part of your site typography. Fonts that are too fancy can be hard to read, while too plain ones can be outright boring. That’s why you should focus on choosing a font that’s legible yet appealing. Selecting the right font style can provide an attractive appearance and preserve the aesthetic value of your content. It plays a vital role in setting the overall t
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか? 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
2023.05.10 官報に使われる「官報文字」というものがあります。 そこには渡辺さんの「辺」の異体字が140文字も登録されています。 日本語の常用漢字には2136文字ありますが、そこには邉や邊などは入っていません。 そこでJISの第四水準までを含むJIS X 0213という標準を定め、スマホやパソコンではここまでを標準的に表示できるようにしています。 ところが我が国の戸籍で使ってもよいとされている文字はそれを遙かに超えていて、少なくとも55,270文字もあります。 全ての国民の氏名をコンピュータで扱えるようになることを目指して、戸籍統一文字や住基ネット用の統一文字を網羅した「文字情報基盤」を2011年に策定し、それにあわせたフォントを作成し、無償で提供しています。 この「文字情報基盤」(MJ)には、58,862文字が含まれています。 しかし、このMJを全庁的に採用している自治体は、川口
フォントの埋め込みとライセンス † PDF が文書交換フォーマットとして広く普及するとともに,フォントを文書ファイルに埋め込む機会も増えました。 また,近年の様々な Web フォントサービスの登場もあり,Web でも何らかの形でフォントを文書の表示側にダウンロードさせたいという要求は増大しています。 ここではフォントを文書に埋め込む際のライセンス上の制限に関する情報を提供します。 自宅で文書を閲覧するのみといったごく個人的なフォントの利用では,ライセンス上の制約はほとんどないと考えられますので,ここでは「フォントを埋め込んだ PDF ファイルを,特に不特定多数の人間に配布する状況」について議論します。 フォントを PDF などの文書ファイルへ埋め込み,それを配布する場合の最終的な判断は,フォントの提供元が定める規則に従ってください。 新たにフォントを入手されたときには,そのフォントに付属の
僕が社内でずっと言い続けていることがあります。 それは「思考と作業は分けましょう」ということです。 よく、プレゼン資料を作るためパワーポイントを開いてフリーズしている人がいます。もしくは、文章を書くためワードを開いてフリーズしている人もいます。それは「思考と作業を同時にやろうとしている」からです。 ではなぜ、思考と作業を同時にやると効率が悪くなるのか? それは「脳サボっちゃう問題」が起こるからだと思っています。 脳というのは考えることをめんどくさがるもの。作業をやりながら思考しようとしても、脳は作業のほうにリソースを使ってしまい、思考のほうになかなか行かないのです。 パワーポイントで図を作成しているときや、ワードで文章を打ち込んでいるときは、「思考」しているように思えますが、実は脳の多くが「作業」に使われている、ということも少なくありません。 だから、なるべく脳を作業から解放してあげること
皆さん、「テレ朝UD」はご存知でしょうか? テレ朝UDは、テレビ朝日の長年の経験に基づくテレビテロップの知見と強いこだわりを、フォントワークスのフォント制作の技術で実現したオリジナルフォント。2022年10月から以下の報道番組のテロップに使用されています。 2022年10月からテロップに「テレ朝UD」を使用している報道番組テレ朝UDの開発背景や、書体の特徴については、フォントワークスのコーポレートサイト「もじがたり」で紹介されていますので、ぜひそちらもチェックしてみてください。 そしてもじがたりの取材のため、テレビ朝日 コーポレートデザインセンターにお話を聞きに行くと耳に挟んだ編集部。これはじっとしていられません。「何か面白い話がうかがえそう!」と取材に同行させてもらいました。 テレビの現場の方にお話を聞けるなら、やはりデザインについて勉強させていただきたい! 「ニュースの画面ってどんなふ
欧文フォントには、天地の揃ったライニング数字に加えて、オールドスタイル数字のグリフを持っているものがある。ライニング数字とオールドスタイル数字のそれぞれに等幅とプロポーショナルがあるので、2×2で4種類。デフォルトの(グリフを置換されていない)数字は、たいていのフォントでは、等幅ライニング数字と等しい。下図は、Myriad Proの例。 InDesignでデフォルトの数字以外を使うには、文字パネルメニューの「OpenType機能」で「オールドスタイル数字」などを指定すればいい。ただ、メニューの「オールドスタイル数字」の意味は「プロポーショナルオールドスタイル数字」、「ライニング数字」の意味は「プロポーショナルライニング数字」であることに注意。文字数が増えるのを嫌ったのだろうが、オプショナルな属性である「プロポーショナル」が省略されているので、わかりにくいことになっている(下図)。 さらにわ
今回は「異体字」についてお話しします。すこし専門的な部分もあるので、適宜不要な部分は読み飛ばすことをお勧めします。 こんな問題から始めてみましょう。世田谷区の区章とその説明文は以下のように書かれています。 外輪の円は区内の平和、中心は「世」の文字が三方に広がり、人びとの協力と区の発展を意味しています。(世田谷区の紋章、シンボル | 世田谷区ホームページより) 「中心は『世』の文字」とありますが、そうは見えません。なぜこのような形なのでしょうか。 前回の記事 本記事は連載形式で、前回の補足のような内容になっています。前回の記事もご参照ください。 shokaki.hatenablog.jp クリックで目次の表示/非表示 前回の記事 異体字とは 異体字の認識 異体字の使われ方 どこまでが同じ漢字か 誤字か異体字か 異体字はどうできるのか よく使う字は略字化する 画数の多い字は正確でなくても読める
はじめに 私はレトロデザインが好きです。 しかし、仮名遣いが「美しゐ」となっていたりして、もったいない、と思うことがあります。(当時も歴史的仮名遣いが厳格に用いられていたわけではありませんが、「美しゐ」と書く人はいないでしょう。) そこで、レトロデザインのために近代(明治~昭和初期)の日本語についてここにまとめることにしました。 自分の勉強のためという意味もありますが、デザインの際の一助となれば幸いです。書いてみてから思いましたが、デザイン以外の時代考証にも有用かもしれませんし、単純に「旧字体」のことを知りたい人も読める記事になっています。 一気に書き上げるのは難しいと考え、少しずつ、連載のような形式で書き進めようと思います。 さて、最初のテーマの中心は「旧字体」です。 目次の表示/非表示 はじめに 旧字体とは 戦前の漢字の形は多様すぎる 活字の状況 現在の漢和辞典でも「旧字体」は一定では
2023年用、日本語のフリーフォント649種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 「源暎ぽっぷる」の特徴 「源暎ぽっぷる」のダウンロード 「源暎ぽっぷる」で使用できるフォント 「源暎ぽっぷる」の特徴 「源暎ぽっぷる」は、源暎エムゴの仮名や英数字を手書き風に改めたPOP風ゴシックのフリーフォントです。仮名や英数字は親しみやすい手書き風、漢字は読みやすいモダン角ゴシック体となっています。 源暎ぽっぷる ライセンスはSIL Open Font Licenseで、個人でも商用でも制限なく自由に利用できます。詳しくはダウンロードファイル「readme_説明書.txt」をご覧ください。 主に、横組み・短文を想定して作成されており、マンガや同人誌のセリフ、動画のテロップにぴったりなフォントです。字形はモッチーポップに着想を得ており、漢字はLINE Seed JPをベースに製作され
2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです! これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2022年フォント界の大きなニュースは、今年も引き続きGoogle Fontsに大量の日本語フォントが追加されたことでしょうか。Webフォントとして利用できるのはもちろん、オープンソースなので商用プロジェクトでも無料で利用できます。 また、LINEからフリーフォントがリリースされたのも予想外でした。ほかにも、手書き系の文字種が揃ったフリーフォント、マンガやテレビにインスパイアされたフリーフォントなど、使いたく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く