- ベストアンサー
文字フォントについて
こんにちは。 html作成でお尋ねしたい事があります。 文章中のかな文字だけを1ポイント小さくする事は可能でしょうか？ もし、可能であれば、やり方を教えて下さい。 【例】 ・文章 今日は天気がとても良い一日ですね。 ・htmlソース <P align="center" style="font-size : 35px;font-family : HGS創英角ゴシックUB;font-weight : bolder;line-height : 56px;">今日は天気がとても良い一日ですね。</p> 上記の場合、平仮名だけを小さいサイズにできますか。 宜しくお願い致します。
- sugasuga
- お礼率30% (69/227)
- HTML
- 回答数5
- ありがとう数4
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートに誤りがあります。 font-family:には必ずキーワードが必要です。キーワードは""で囲んではいけません。 その他のファミリ名は、日本語や空白を含むものは""で囲んで羅列することが必要です。 具体的には font-family:"HGP創英角ゴシックUB","HG創英角ゴシックUB","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:にpxを指定してある場合(例35px)、画面の解像度を96dpiとすると、9.5mm程度で、ptに直すと27ptになります。これを「1ポイント小さく」、26pt(9.2mm)にしても、ほとんどわからないでしょう。 ptは、出力メディアがprintでない場合は、デフォルトのサイズを参照したほうが訪問者に優しいです。目の悪い人はフォントを大きくしていたり、携帯端末の場合は文字が小さいです。 HTMLを下記のようなものだとします。 <body> <div class="header"> <h1>サイト見出し</h1> <div id="abstract"> <p>html作成<span>でお</span>尋<span>ねしたい</span>事<span>があります</span>。</p> <p>文章中<span>のかな</span>文字<span>だけを</span>1ポイント小<span>さくする</span>事<span>は</span>可能<span>でしょうか</span>？ <span>もし</span>、可能<span>であれば</span>、<span>やり</span>方<span>を</span>教<span>えて</span>下<span>さい</span>。</p> </div> </div> </p> 日本語正規表現が扱えるテキストエディタで、 ([あ-ん]+) →[置換]→<span>\1</span> と置換するのが楽でしょう。 ついで、CSSで div.header p{font-size:2.5em;text-align:center;} div.header p span{font-size:0.9em;}
その他の回答 (4)
- askaaska
- ベストアンサー率35% (1455/4149)
<P align="center" style="font-size : 35px;font-family : HGS創英角ゴシックUB;font-weight : bolder;line-height : 56px;"> 今日 <span style="font-size:34px">は</span> 天気 <span style="font-size:34px">がとても</span> 良 <span style="font-size:34px">い</span> 一日 <span style="font-size:34px">ですね。</span> </p> こういうこと？
お礼
有難うございます。 そういうことです。 小さく出来ました。 ただ…漢字とかな文字の間が思った以上に広く…字間を詰める方法があれば教えて欲しいです。
- aoumiushi
- ベストアンサー率45% (234/512)
No2です ちょっと文字が抜けちゃいました <head>内に <style type="text/css">～</style> を記入します。
- aoumiushi
- ベストアンサー率45% (234/512)
cssを使えばできますよ。 head内にを記述 <head> <style type="text/css"> <!-- span {font-size: smaller } --> </style> </head> <p>内の［今日は天気がとても良い一日ですね］を<span>～</span>で囲みます。 <p align="center" style="font-size : 35px;font-family : HGS創英角ゴシックUB;font-weight : bolder;line-height : 56px;">今日<span>は</span>天気<span>がとても</span>良<span>い</span>一日<span>ですね</span>。</p> 拡大などもできます。 http://css.eweb-design.com/0405_fsz.html
お礼
有難うございます。 さっそく、使ってみたら出来ました。 助かりました。
- qualheart
- ベストアンサー率41% (1451/3486)
自動で漢字と平仮名を判別させることはできないので、ひとつひとつ設定すれば可能ですが、途方もなく面倒くさい作業になりますよ。 以下のように、平仮名部分にSpanでフォントサイズを指定していくしかないと思います。 <P align="center" style="font-size : 35px;font-family : HGS創英角ゴシックUB;font-weight : bolder;line-height : 56px;">今日<span style="font-size: 30px;">は</span>天気<span style="font-size: 30px;">がとても</span>良<span style="font-size: 30px;">い</span>一日<span style="font-size: 30px;">ですね</span>。</p> ご参考まで。
お礼
有難うございます。 さっそく、やってみました。 かな文字だけ小さく表示されました。 有難うございます。
関連するQ&A
- フォントについて
フォント名の一覧を見てきになっていたのですが、もしお分かりになる方教えてください。 MSと付くゴシック体でもいろいろあります。 MSゴシック、MSPゴシック、MSPRゴシック、MSUIGothic 違いは何なのでしょうか? またPとかPRとかUIというのは何かの略なのでしょうか。 HGと付くゴシック体もいろいろあります。 HGPゴシックE、HGPゴシックM、HGSゴシックE、HGSゴシックM、HG丸ゴシックM-PRO、HG創英角ゴシックUB 違いは何なのでしょうか? またPとかSとかEとかMとかM-PROとかUBは何かの略なのでしょうか。 もし、フォントについて詳しい解説があるサイトなどあれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- フォントがモニター上で正しく表示されません
デフォルトで入っているフォントが画面上で正しく表示されません。解決法はありますでしょうか？ ハード：IBM X60s OS：Win XP 状況： ・MS Officeにデフォルトで入ってるゴシック系のフォントが、モニター上でギザギザしたような表示になってしまう。 （→HG創英角ゴシックUB、HGS創英角ゴシックUB、HGP創英角ゴシックUB。MSゴシック、MSPゴシックなどは普通に表示される。） ・Officeワード、エクセル、パワーポイント上で同じ現象。 ・ただし、印刷したり、パワーポイントのスライドショーで表示した場合は正しく表示される。 他にどのような情報を提示すればよいかさえ分かりませんが、どうぞアドバイスをお願いします。
- ベストアンサー
- その他(Windows)
- Illustrator10 フォントが化けてしまう
いつも大変お世話になっております。 はたまたご教授頂きたくお願いに上がりました。 Adobe Illustrator10 にて、フォントが化けてしまうのです。 文字設定ウインドウにてフォントを選択しようとも、表示されている文字が化けてしまっているし、化けているフォントを選択しても真っ白になってしまいます。 きちんと表示されるフォントもあります。 化けるフォントの例としては ・HGP創英角ポップ体 ・HGP創英角ゴシックUB ・HGS創英角ポップ などです。 8.0とCS2も入れてあるのですが、8.0・CS2では全く問題ありません。 なぜかIllustrator10だけでこのような状態になっております。 何とかなりませんでしょうか？ 皆様のお力をお貸し頂ければ幸いです。 宜しくお願い致します。
- ベストアンサー
- その他(ソフトウェア)
- ホームページのフォントを変更すると検索エンジンにひっかからない？
ほとんどのサイトでは同じフォントがつかわれていますが、違うフォントを使うと検索エンジンに引っかからない、サイトがみれないなどの不都合がおこるのでしょうか。また不都合がおこるとしたらどの程度の規模なのでしょうか。（例えば、ロボット型の検索エンジンには引っかからない、Macユーザーは文字化けする）などちなみ使いたいフォントはHGS創英角ゴシックUBです。よろしくお願いします。
- 締切済み
- レンタルサーバ・ASP
- 特定のフォントが表示されなくなりました
パワーポイントを使っていますが、突然（今日から）、特定のフォント（ＨＧＰ創英角ゴシックＵＢ）が表示できなくなりました。具体的には、ＭＳＰゴシックに変わってしまっています。印刷しても同じです。ＨＧＰ創英角ゴシックＵＢを使っているどのファイルも同じ現象で、ＰＣの再起動をしても復旧しません。どうすればよいでしょうか？
- ベストアンサー
- その他（インターネット・Webサービス）
- 【フォント】HGP創英角ゴシックUBの使用について
現在、ホームページに「HGP創英角ゴシックUB」というフォントを使いたいと考えております。 しかし「MSオフィスやその他ソフトウェアのインストール状況によっては、そのフォントを持っているかどうかわからない」という話を聞きました。 つきましては、 １．この「HGP創英角ゴシックUB」フォントはウインドウズユーザーの間で普通に見ることができるのか？ ２．どのソフトを入れていれば「HGP創英角ゴシックUB」を見ることができるのか？ （例：「オフィス2000以降なら見られる。」「OSがXPなら可能」など） ３．「HGP創英角ゴシックUB」フォントが入っていない場合はどのように表示されるのか？ について、教えていただけませんでしょうか。 よろしくお願い致します。
- ベストアンサー
- Windows XP
- font-family の記載方法
「HGP創英角ゴシックUB」というフォントを使いたい時、ＣＳＳにはどのように記載すればいいのでしょうか？ font-family:"HGP創英角ゴシックUB"; と書いたのですが、うまくいきません。 どこに問題があるのでしょうか？ 「半角スペースを入れる」とか「全角と半角の違い」などでしょうか？ どなたかわかる方、どうぞよろしくお願いします。
- ベストアンサー
- HTML
- フォントについて教えてください。
最近OSをWin2000Pro（エプソンダイレクトのPCにはじめから入っていたもの）からＸＰPro（ソフトで正規版？を購入してそのPCに新規インストール）に変えました。 Win2000の時に作ったフォトショップのファイルを開こうとしましたらメッセージで【HGS創英角ゴシックUB】【HGゴシックE】・・他にもいくつか。。がありません・・。というのが出て以前より日本語のフォントの数が少ないことに気づきました。 いままで私はフォントの事はまったく無関心でフォトショップのフォントのリストから適当に選んでいただけでフォントを自分でインストールしたことがありませんでしたので、それらのフォントは初めからWin2000に入っていたのだと思うのですが、XPには【MS UI Gothic,MS Pゴシック,MS ゴシック,MS P明朝,MS 明朝】の５つしか入っていませんでした。（Win2000の時には上記のメッセージのフォントの他にも丸文字のものとかいくつか入っていました） これは普通なのでしょうか？ もし可能であれば入手方法なども教えてください。 宜しくお願いいたします。
- ベストアンサー
- Windows XP
- 「HGS創英角ゴシックUB」は、等幅フォント？プロポーショナル（等幅でない）フォント？
「HGS創英角ゴシックUB」ってフォントありますよね？ このフォントは、等幅フォントでしょうか？ “・・・”と入力した時に、３つの点の幅が大きく開いたり 同じく“「」”を入力した時に、 “「”の左側と“」”の右側が大きく幅が開く点を見れば等幅に見えるのですが、 なぜか半角文字の幅は、全角文字に比べると明らかに大きく見える―― そこから考えると、等幅じゃないようにも見えます。 初歩的な質問ですが、わかる方、回答よろしくお願いしますm(__)m
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシートについてお尋ねします
<div style="font-size:70px;"<p align="center"><font face="HGS行書体" color="#993333">文章 </font></p></div> とすると、「文章」のところに入力した文字はページの一番上のセンターにちゃんと表示されるのですが、 <div style="font-size:70px;"><p align="center"><font face="HGS行書体" color="#993333">文章 </font></p></div> と、70pxの後ろに>を入れると、ページの上から2cmほど下がったところに文字が表示されてしまいます。 形式としては後者の方が正しいと思うのですが、なぜ表示が下がってしまうのでしょう。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
お礼
丁寧なご回答ありがとうございます。 助かりました。 スタイルシートの入力を間違っていたんですね。。。反省です。 助かりました。