最近、マウスを当てるとテキストなのに、どう見ても画像っぽい表示がされているサイトを目にします。
参考URL
http://trendy.nikkeibp.co.jp/article/column/2007 …
上記URLの「片手で簡単。ケータイ感覚で・・・」の部分がそうなのですが、どう見ても何かのフォントで作られた画像テキストなのですが、ちゃんとテキストコピーもできますし・・・
恐らくはスタイルシートが関連していると思うのですが、このような指定ができる方法ってどうやるのでしょうか?
よろしくお願い致します。
No.3ベストアンサー
- 回答日時:
CSSを辿って確認してみましたがフォントサイズは指定されていましたがフォントは指定されていませんでしたね。
単純にフォントサイズを指定してるだけです。
キレイに見えるかどうかは、OSにもよります。
Vistaなどでは画面上の文字がアンチェイリアス化されるので、キレイに見えると思います。
XPや2000では、それほどキレイに見えません。
昔に比べて画像のような文字が増えたと思うのは、お使いのパソコンをXPからVistaに変更したからではないかと推測されますが、違いますでしょうか?
もしくはブラウザで使用する標準フォントに、キレイなアウトラインデータをもつフォントに設定されてるとか。
たしかに、フォントを指定するとキレイに見えたりしますが、あくまで見る側のパソコンにも指定したフォントが入っていることが条件ですので、珍しいフォントなどを指定しても、ほとんどの人は通常のMS Pゴシック等で表示されることになります。
ちなみにスタイルシートに関しては、わたしは以下サイトをいつも参考にしてます。
http://www.tohoho-web.com/css/index.htm
有り難うございます。
最初に書いておくべきでしたが、XPを使用しております。
なぜかこのように「見える」テキストが目に付くようになり、もしかしてそのようなスタイル指定が出来るようになったのかなと・・・
私の思い過ごしだったのかも知れません。
No.4
- 回答日時:
#2の補足を含めた回答です。
*参照URLのページ{http://trendy.nikkeibp.co.jp/article/column/2007 …}はJAVAを使用していますが、通常のHTMLでも同じような表示は可能です。
ただし閲覧する方にフォントがインストールされていなければ、この様な表示はされません。
◇>>>単純にサイズなどのスタイルを設定しただけなのかも<<これについては次のURLと、タグの記入例 1:~~4: を参照ください。
タグで文字のサイズ、フォントを指定
{見出し・文字の色・文字サイズ}
{http://hp.ms-factory.biz/html_font1.htm}
*片手で簡単。ケータイ感覚で文字入力──「Keiboard+IE」
をフォントを変更して表示する記入例:以下1:~~4:
1:FONT-FAMILY: HGP創英角ポップ体
2:FONT-FAMILY: HGP創英角ゴシックUB
3:FONT-FAMILY: "MS Pゴシック"
4:FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: "MS Pゴシック"
1::<p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span style="FONT-SIZE: 28pt; FONT-FAMILY: HGP創英角ポップ体">片手で簡単。ケータイ感覚で文字入力──「<span lang="EN-US">Keiboard+IE」<p></p></span></span></p>
2::<p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><span style="FONT-SIZE: 28pt; FONT-FAMILY: HGP創英角ゴシックUB">片手で簡単。ケータイ感覚で文字入力──「<span lang="EN-US">Keiboard+IE」<p></p></span></span></p>
3::<p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><strong style="mso-bidi-font-weight: normal"><span style="FONT-SIZE: 28pt; FONT-FAMILY: "MS Pゴシック"">片手で簡単。ケータイ感覚で文字入力──「<span lang="EN-US">Keiboard+IE」<p></p></span></span></strong></p>
4::<p class="MsoNormal" style="MARGIN: 0mm 0mm 0pt"><strong style="mso-bidi-font-weight: normal"><span style="FONT-SIZE: 28pt; FONT-FAMILY: HG丸ゴシックM-PRO; mso-hansi-font-family: "MS Pゴシック"">片手で簡単。ケータイ感覚で文字入力──「<span lang="EN-US">Keiboard+IE」<p></p></span></span></strong></p>
◇サンプルタグがあるほうがわかりやすいかと思い、追加回答をしました。
*サンプルは、ペーストして確認いただければどの様なタグで、表示が変わるのかが解っていただけるかと思います。
No.2
- 回答日時:
こちらも同じような文字になっていると思います。
{http://www15.ocn.ne.jp/~sanin/indexgoo2022tr.html}
*これらの文字はテキストです。
タグで文字のサイズ、フォントを指定できます。
こちらを参照ください↓
{http://www.geocities.co.jp/HeartLand-Namiki/8577 …}
*私もブログなど書くことがありますが、最近は直接入力よりも、デスクトップでタグで書いて確認して、HTMLの編集ページにペーストして書いてます。
どちらの方法がよいかは、意見が異なりますが・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- その他(ブラウザ) テキストを入れるときの縦線の点滅がそれ以外のブラウザ上にも表れます。 1 2022/07/29 21:55
- Evernote Evernote(エバーノート)の文字化け 1 2022/04/05 19:30
- 画像編集・動画編集・音楽編集 PhotoScapeXで黒テキストの上に画像を重ね背景を表示する方法 1 2022/12/18 19:57
- その他(プログラミング・Web制作) python OpenPyXLを使って出力結果をエクセルに書き込み 2 2022/06/04 19:46
- その他(ブラウザ) Mycrosoft Edge の「コレクション」に、画像とテキストを追加したい 2 2022/05/28 11:10
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- 画像編集・動画編集・音楽編集 編集ソフト ダビンチリゾルブに関して 動画編集してる際にエフェクトや、テキストの読み込みが遅くなって 2 2022/09/02 23:24
- 画像編集・動画編集・音楽編集 AfterEffectでのシャターの挙動がおかしい 1 2023/05/07 00:38
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブル内の文字サイズを変更...
-
入力規則のリストの文字の大き...
-
テキストエディタmiの表示文字...
-
ペイント3Dのテキストサイズ変更
-
accessのレポートで文字間隔を...
-
alertで表示させる文字サイズは...
-
コピーライト記号の表示が小さい
-
セレクトボックスの幅を指定し...
-
三点リーダー(…)が...と文字化...
-
VBAでListViewのフォントを変更...
-
CSSです。英数字のみArial書体...
-
印刷文字が急に大きくなった。
-
5メートル離れた人が読むのに適...
-
WinとMacの共通フォント
-
パスワード欄の"●"文字を小さく...
-
EXCELVBAオートシェイプの文字...
-
MoveWindowで位置だけ変更する...
-
アンドロイドスマホでのphp ech...
-
スタイルシートで一括文字サイ...
-
safariのフォントを変更するHTM...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
VBAでListViewのフォントを変更...
-
エクセルで文字が勝手に大きく...
-
alertで、アイコンの変更、又は...
-
コピーライト記号の表示が小さい
-
英サイト(UTF-8)内での全角文字...
-
セレクトボックスの幅を指定し...
-
<pre>タグ内のフォントサイズに...
-
”ヒラギノ明朝Pro”をWindowsで...
-
MoveWindowで位置だけ変更する...
-
HTMLでHGPゴシックEを表現する...
-
パスワード欄の"●"文字を小さく...
-
アンドロイドスマホでのphp ech...
-
インラインフレーム内の文字の...
-
accessのレポートで文字間隔を...
-
奇数のフォントサイズ指定について
おすすめ情報