ウェブフォントの検索結果1 - 6 件 / 6件

• あとで読む

  トラッキングなし＆ログ取得なしで1400種類超のウェブフォントを無料で利用可能な「Bunny Fonts」

  • 53 users
  • gigazine.net
  • テクノロジー
  • 2022/06/22

  ウェブサイト構築の際にGoogle Fontsなどのウェブフォントを使用すれば、各ユーザーの環境によらず同一のフォントを表示させることが可能です。この際に行う通信について、トラッキングを一切行わないことが明示されたウェブフォントプラットフォームが「Bunny Fonts」です。 Bunny Fonts | Explore Faster & GDPR friendly Fonts https://fonts.bunny.net/ Bunny Fontsは、プライバシーを第一に設計されたオープンソースのウェブフォントプラットフォームです。ゼロトラッキングとノーログポリシーにより、欧州連合(EU)が個人データ保護やその取扱について定めた一般データ保護規則(GDPR)に完全に準拠し、ユーザーの個人データをユーザー自身で管理できるとのこと。さらに、bunny.netのグローバルCDNにより光速のロー

  • フォント
  • font
  • ウェブフォント
  • あとで読む
  • セキュリティ
  • Webサービス

  
• あとで読む

  ウェブフォントとパフォーマンスの両立を諦めない

  • 40 users
  • zenn.dev/ivry
  • テクノロジー
  • 2024/11/21

  ウェブページのパフォーマンス向上を目指す場合、ウェブフォント（特に和文フォント）の使用は避けるべきと言われます。これは、ウェブフォントのファイルサイズが大きく、ページの読み込み速度に大きな影響を与えるためです。 しかし、デザイン上の要件やブランディングの観点から、ウェブフォントの使用が必要不可欠なケースもあるでしょう。本記事では、ウェブフォントを使用しながら、できる限りパフォーマンスを最適化するためのヒントをご紹介します。 検証環境 使用フォント: Google Fonts の Noto Sans JP 開発環境: Next.js 測定ツール: Lighthouse 説明の都合上、First Input Delay (FID) など、古い指標についても言及します 和文フォントが重いのはなぜか 欧文フォントと和文フォントには、収録文字数に違いがあります。欧文フォントはラテン文字と記号で約 1

  • Webフォント
  • performance
  • Font
  • あとで読む
  • Programming
  • Web

  
• あとで読む

  グーグル直伝！ CSSとウェブフォントのコア ウェブ バイタル最適化テクニック【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ

  • 30 users
  • webtan.impress.co.jp
  • テクノロジー
  • 2021/06/18

  CSSを少し変えるだけでコア ウェブ バイタル（CWV）を改善できるとしたら？ 「無理でしょ」と思うかもしれないが、けっこう使えるテクニックをグーグルが解説してくれている。 また、今回はさらに「利用していないJavaScriptを削除して、CWV改善＋セキュリティ」という話題もピックアップしている。 少し技術的なトピックだが、知っておいて損はないネタだ。 ほかにも、「コア アルゴリズム アップデートが来たけど来月も来る」「ファーストビューで見えるコンテンツ」「インデックス制限」「リンク否認」などなどなど、あなたのSEOとWebサイト運営に役立つ情報をまとめてお届けする。 2021年初のコア アップデートをグーグルが6月に実施、2部構成の後半は7月に予定ファーストビューでは各ページ固有なコンテンツを見せるべきグーグルのインデックスするページ数に上限はあるのか？不自然リンクへの対処はリンク否認

  • Core Web Vitals
  • css
  • ウェブフォント
  • seo
  • フォント
  • 解説
  • コンテンツ

  
• あとで読む

  「ウェブフォント読み込み中のテキストの表示」問題の解決方法

  • 3 users
  • www.rectus.co.jp
  • テクノロジー
  • 2020/03/21

  引き続き，PageSpeed Insights の診断で表示される問題について扱う． いつの間にか「ウェブフォント読み込み中の全テキストの表示」から「ウェブフォント読み込み中のテキストの表示」に表記が変わっていたので修正．(2021/08/19) Page Speed Insights の「診断」の中の「ウェブフォント読み込み中のテキストの表示」で 「フォント表示の CSS 機能を使用して、Web フォントの読み込み中にユーザーがテキストを読めるようにしてください。」 と言われる場合の対策について書く． ウェブフォント読み込み中とは ウェブフォントとはサーバー上に置かれたフォントを呼び出して文字を表示できるようにしたフォントのことです． 通常，OS に入っているシステムフォントを使ってブラウザの文字は表示されますが，それだと使っている OS の制約を受けます． ウェブフォントなら，読者の使

  • font
  • wordpress
  • CSS

  

ウェブフォントの関連エントリー

• 

  月額3万円の最強ChatGPTに「電源で音質が変わるか」と聞いたら意外な展開に - Phile-web

  658 users
• 

  プロが使う鉄板欧文フォント19個のデザイン的特徴と、使用例、誕生背景など超丁寧にまとめてみた。 | デザイン | ブログ | 東京のWeb制作会社・ホームページ制作｜QUOITWORKS Inc.（株式会社クオートワークス）

  213 users
• 

  学校向けサイトに Cloudflare Turnstile を使わないで！

  152 users
• 

  就活してるとき、会社のWebページ見ても「未来を作る」や「人々の暮らしのために」などのポエムしか書かれてなくてかなり困っていた→内情が分かるコツを見つけた

  162 users
• 

  ECSで好きなだけブランチ別の環境を作る mirage-ecs - fujiwara-ware 2024 day 20

  121 users
• 

  【超朗報】EU、AirDropをAndroidでも使えるように要求！ - すまほん!!

  57 users
• 

  ユーザー名をURLに含めるなら@始まりにするとよさそう

  48 users
• 

  米OpenAI、新たなAIモデル「o3」発表　「AGI」に最も近い性能に

  146 users
• 

  セッション ID を内包した JWT を PHP で実装する - 弁護士ドットコム株式会社 Creators’ blog

  68 users
• 

  VRChatでオフパコした。3年で7人と。

  29 users
• あとで読む

  UDフォントって？ ウェブフォント選定の極意！基本から最新トレンドまで徹底解説 | 【レポート】デジタルマーケターズサミット2024 Summer

  • 3 users
  • webtan.impress.co.jp
  • テクノロジー
  • 2024/11/12

  印象のほかに、フォントの重要な役割として「情報を伝えること」がある。そのため、「読みやすさ」は重要な要件だ。それを強く意識して開発されたフォントとして「ユニバーサルデザインフォント（UDフォント）」が注目されている。 もとはディスレクシア（文字の認識に問題があり、長い文章を読むことが苦手になる障害）の傾向がある人や、弱視で細い字が苦手という人でも、読みやすいようにデザインされた。さらに一歩進んで障害の有無や年齢などにかかわらず、“誰にとっても使いやすい”デザインを目指す「ユニバーサルデザイン」の考え方に基づくようになった。可読性や視認性、判読性に優れ、近年は種類も増えて利用しやすくなり、公共性の高いWebサイトを中心に活用例が増えてきているという。 UDフォントは、さまざまなフォント作成会社が力を入れているが、とりわけ「モリサワ」は実験や調査を積極的に行なっており、論文やレポートがサイト上

  
• あとで読む

  「ウェブフォント読み込み中のテキストの表示」は無視してOK！？

  • 3 users
  • yws.tokyo
  • テクノロジー
  • 2021/03/29

  昔は記事が少なかったけど、最近は増えてきたので簡単に言っておきます。 それは、 display:swap です。 @font-face に display:swap です。 例えば以下の様なコードだとNGです。 @font-face { font-family: 'icomoon'; src:url('https://yws.tokyo/wp-content/plugins/yws/fonts/icomoon.eot') format('embedded-opentype'), url('https://yws.tokyo/wp-content/plugins/yws/fonts/icomoon.ttf') format('truetype'), url('https://yws.tokyo/wp-content/plugins/yws/fonts/icomoon.woff') forma

  • webfont
  • SEO
  • フォント
  • font
  • wordpress