質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

解決済

iOSのみで文字化けが発生する問題

ysdeko
ysdeko

総合スコア12

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。

2回答

1評価

3クリップ

6590閲覧

投稿2019/05/07 12:16

編集2019/05/15 01:20

iOSで□の中に×があるような記号(☒)の文字化け発生する

先日、iOSのでWebページを確認したところ、以下の画像のような□の中に×があるような記号(☒)があることがわかりました。
![文字化け]
他のブラウザ、OSで確認しましたが、やはりiOS特有の事象のようでした。
■Mac
・Safari 問題なし
・Chrome 問題なし
■Windows
・Chrome 問題なし
■Android
・Chrome 問題なし
■iOS
・Safari 文字化け
・Chrome 文字化け

どなたかデザインに詳しい方、原因と解決法を教えていただけないでしょうか。

※補足
Wordpressで投稿したWebページ上で上記のような事象となっています。
また、全てに記号(☒)がつく訳ではなく、一部のみになっています。
文字化け例2

html

<!DOCTYPE html> <html> <head> <!-- 文字コードの指定 --> <meta charset="utf-8"> <!-- IEで常に標準モードで表示させる --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- viewport(レスポンシブ対応) --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <?php if(is_category() | is_archive() | is_search() | is_tag() | is_paged()): ?> <meta name="robots" content="noindex,follow"> <?php endif; ?> <!-- seo --> <?php wp_head(); ?> <!-- css --> <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" media="screen" href="<?php echo get_template_directory_uri(); ?>/css/style.css"> </head> <body> <ul> <li>フロントエンド</li> <li>バックエンド</li> </ul> </body> <style> body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Arial, メイリオ, Meiryo, sans-serif; background-color: #F7F7FB; } ul { padding-top: 30px; padding-bottom: 30px; margin-bottom: 50px; background-color: #fdfdfd; border: dotted #0e9cc7 1px; color: #1e366a; word-break: break-all; word-wrap: break-word; } </style>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

ikadzuchi

2019/05/07 13:00

ソースを載せてください。
ysdeko

2019/05/07 13:09

載せました。
yasutomi

2019/05/15 00:34

文字化けする部分のコードがないので この質問は回答不可です。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

UI Design

UI Design(UIデザイン)は、ユーザインターフェースをデザインすることです。ユーザーとシステムがスムーズにコミュニケーションを取るために、OSやアプリ画面などを使いやすくデザインすることを指します。