iPhone SafariでGoogle FontsやAdobe Fontsが表示されない？原因と対処法を完全解説｜DAD UNION – エンジニア同盟
Webサイトをスタイリッシュに見せるために欠かせないのが「Webフォント」です。特に「Google Fonts」や「Adobe Fonts（旧Typekit）」は多くのWeb制作現場で利用されており、簡単に美しいフォントを適用できます。 ところが、iPhoneのSafariでこれらのWebフォントが表示されない・適用されないという現象に悩んでいる方も多いのではないでしょうか？ 本記事では、その原因と初心者でもできる対処方法を、わかりやすく解説していきます。 原因1：CSS内の@importによる読み込みの問題 CSSでWebフォントを読み込む際に以下のように@importを使っていませんか？ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
Webエンジニアが知るべき！ブラウザの種類と進化の歴史｜DAD UNION – エンジニア同盟
2024年時点のブラウザ利用シェア 2024年時点のブラウザ利用シェアは以下の通りです。 Google Chrome: 65% Safari: 20% Microsoft Edge: 8% Mozilla Firefox: 5% その他: 2% （データ出典：StatCounter） 懸念点 ブラウザには以下のような懸念点があります。 ブラウザ間での表示や動作の違い 古いブラウザのサポート終了 セキュリティの脆弱性 Webエンジニアは、これらの懸念点を意識しながら、複数のブラウザで動作確認を行うことが重要です。 昔あったブラウザ 現在は使われなくなったブラウザの中には、かつて主流だったものがあります。 Netscape: 1990年代に広く使われていたブラウザで、初期のインターネット利用者に人気でした。 Opera: 軽量かつ高速で、独自の機能を持っていたブラウザです。 Internet
iPhone、iPad、Android端末でJavaScriptを有効にする方法｜DAD UNION – エンジニア同盟
スマートフォンやタブレットを使用してウェブサイトを閲覧していると、JavaScriptが無効になっているために一部の機能が正しく動作しないことがあります。JavaScriptは、動的なウェブサイトの機能を支える重要な技術で、多くのウェブページで広く使われています。 この記事では、スマホやタブレットの操作に不慣れな方でも簡単にできるよう、iPhone、iPad、Android端末でJavaScriptを有効にする方法について、丁寧に説明していきます。 JavaScriptとは JavaScriptとは、ウェブページに動的な要素を追加するためのプログラミング言語です。例えば、ポップアップメニュー、アニメーション、フォームのリアルタイムチェック、クリックによるコンテンツの切り替えなどがJavaScriptによって実現されています。多くのモダンなウェブサイトは、このJavaScriptを使ってより
iPhone Safariでスクロール時のresizeイベント問題を解決する方法｜DAD UNION – エンジニア同盟
スマートフォンのブラウザ、特にiPhoneのSafariでWebページを閲覧する際、スクロール操作によって画面のサイズが変わり、resizeイベントが発火することがあります。これは特に、Webページにリサイズイベントに依存する処理が含まれている場合に問題となることがあります。 本記事では、この挙動を回避する方法について解説します。 resize処理とは resizeイベントは、ブラウザのウィンドウサイズが変更されたときに発火するイベントです。Webページのレイアウトを動的に変更する際に利用されることが多いです。例えば、画面の幅に応じてコンテンツの表示を切り替えるレスポンシブデザインでは、resizeイベントを利用してブラウザのサイズ変更に対応します。 なぜiPhone Safariで起こるのか iPhoneのSafariでは、スクロール操作によってアドレスバーが表示・非表示になります。これ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
