ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

フォントの大きさを変えたい

日時: 2011/03/03 20:06
識別: IDMhJ1Zesf/C6
名前: まり

初めまして。よろしくお願いします。
テンプレートを利用して、ホームページを作成中です。
文字の大きさが小さいので、読みづらいため、読み易くしたいと考えています。

そこで、2つの方法を教えて頂けますでしょうか?

<1> 固定で、文字の大きさを変える場合。
ソース表示で、タグをどのように変更したら良いでしょうか?

<2>「文字の大きさ変更ボタン」を設置する場合。
いろいろ調べましたが、よくわかりませんでした。
シンプルなもので結構ですので、教えていただけますでしょうか?


以下に、テンプレートのソースを貼り付けました。

*********************


///////////// Buttons ////////////

&button1=Home
&button2=Services
&button3=Price Quote
&button4=About Us
&button5=Contact Us


///////////// Header and Slogan ////////////
&header=ホームページ名
&slogan=スローガン


///////////// Coppyrights ////////////

&copyright=Copyright (c) 2009. All rights reserved.


///////////// News ////////////
&title=<b>最新情報</b>
&news1=<b>19.02.2009.</b><br />Suspendisse enim arcu, convallis non, cursus sed, dignissim et, est. Proin pede eros, pharetra ut, viverra sed, egestas nec, mauris. In pharetra ipsum condimentum elit. Suspendisse mattis turpis eget odio. &
///////////// Home Page ////////////

&index_title1=最初のタイトル
&index_txt1=<b>This website template is repeased under a Creative Commons Attribution 2.5 License</b><br />We request you retain the full copyright notice below including the link to www.metamorphozis.com. This not only gives respect to the large amount of time given freely by the developers but also helps build interest, traffic and use of our free and paid designs. If you cannot (for good reason) retain the full copyright we request you at least leave in place the Website Templates line, with Website Templates linked to www.metamorphozis.com. If you refuse to include even this then support may be affected. You are allowed to use this design only if you agree to the following conditions:<br /> - You cannot remove copyright notice from this design without our permission. - If you modify this design it still should contain copyright because it is based on our work.<br />- You may copy, distribute, modify, etc... this template as long as link to our website remains untouched.<br />For support visit <font color="#ff0000"><a href="https://www.metamorphozis.com/contact/contact.php">https://www.metamorphozis.com/contact/contact.php</a></font><br />The Metamorphosis Design : 2010
&index_title2=2番目タイトル
&index_img1=images/index1.jpg&
&index_img2=images/index2.jpg&


///////////// 2ページ ////////////

&second_title1=Second Page First Title Goes Here
&page2_txt1=<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b><br />Morbi nulla turpis, tristique ullamcorper, tempor non, gravida quis, elit. Sed accumsan. Fusce sollicitudin. Nulla quis ipsum vitae tellus.<br /><br /> Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ac urna lobortis leo tempor blandit.&
&page2_txt2=<b>Dolor sit amet, consectetur adipiscing elit.</b><br />Morbi nulla turpis, tristique ullamcorper, tempor non, gravida quis, elit. Sed accumsan. Fusce sollicitudin. Nulla quis ipsum vitae tellus.<br /><br /><b>Morbi nulla turpis, tristique ullamcorper</b>, tempor non, gravida quis, elit. Phasellus sagittis lorem dictum dolor. Maecenas velit ipsum, dapibus eget, ultrices vel, ullamcorper nec, purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus ac urna lobortis leo tempor blandit.<br /><br /><b>Vestibulum viverra semper enim.</b> Suspendisse porttitor dolor dapibus tellus. Vivamus id odio eu felis venenatis lobortis. Nulla facilisi. Mauris in magna quis lorem dapibus cursus. Aliquam erat volutpat.<br />Sed accumsan. Fusce sollicitudin. Nam commodo elementum nisi. <br /><br /><b>Mauris aliquet interdum est.</b> Nulla quis ipsum vitae tellus volutpat venenatis. Phasellus nec turpis non erat pharetra hendrerit. Donec bibendum lobortis ante. Pellentesque tincidunt ornare turpis. Donec et neque id magna tristique ullamcorper.
&second_title2=Second Page Second Title Goes Here
&second_title3=Second Page Third Title Goes Here


&second_img1=images/second1.jpg&
&second_img2=images/second2.jpg&



///////////// 3ページ ////////////

///////////// お問合せ ////////////

&contact_txt1=Contact Info
&contacts_txt2=<b>The Company Name Inc.</b><br>Bemidji State Unv, D04 89GR<br>Telephone: +1 800 123 1234<br>Fax: +1 800 123 1234<br>E-mail: <a href="mailto:companyname.com"><font color="#0033CC"><u>mail@.companyname.com</u></font></a>
&contacts_txt3=<b>Canada</b><br>Suspendisse enim arcu, convallis non, cursus sed, dignissim et, est. Aenean semper aliquet libero. <br><br><b>USA</b><br>In ante velit, cursus ut, ultrices vitae, tempor ut, risus. Duis pulvinar. Vestibulum vel pede at. sapien sodales mattis.

**************

<追加> フォントの大きさを変えたい ( No.1 )
日時: 2011/03/03 23:38
名前: まり

スタイルシートの記述は、以下のようになっています。
これらを変更しても、表示される文字の大きさは一向に変わりません。
どうしたら良いでしょうか?


td{
font-family:tahoma;
font-size:11;
color:#ffffff;
}
.m1{
font-family:tahoma;
font-size:11;
color:#8A8A8A;
font-weight:600;
}
a{
font-family:tahoma;
font-size:11px;
color:#ffffff;
text-decoration:none;
font-weight:900;
}
a:hover{text-decoration:underline}
a.m1{
font-family:tahoma;
font-size:11;
color:#ffffff;
font-weight:900
}
a.m1:hover{text-decoration:underline}
a.m2{
font-family:tahoma;
font-size:11;
color:#ffffff;
font-weight:900;
}
a.m2:hover{text-decoration:underline}
Re: フォントの大きさを変えたい ( No.2 )
日時: 2011/03/04 08:45
名前: nn

>>1

> これらを変更しても、表示される文字の大きさは一向に変わりません。

とりあえず気になっただけですけど、font-sizeの値にすべて単位を与えてみたらどうですか?

# て言うか、ページ全体に指定するならbodyに指定しとけばいいと思いますが。(標準表示モードの場合)

>>0 は、ソースというか、何かの定義部分かな?
たぶんこの部分は、「文字の大きさ」には関係ないと思います。




> 「文字の大きさ変更ボタン」を設置する場合。

とりあえずそのままで検索してみました。
https://www.google.co.jp/search?hl=ja&source=hp&q=%E6%96%87%E5%AD%97%E3%81%AE%E5%A4%A7%E3%81%8D%E3%81%95%E5%A4%89%E6%9B%B4%E3%83%9C%E3%82%BF%E3%83%B3&btnG=Google+%E6%A4%9C%E7%B4%A2&aq=f&aqi=&aql=&oq=


文字のサイズは、閲覧側で好きなように変えられますから「何も指定しない」のが一番無難だと個人的には思います。同じ理由で、わざわざ「文字の大きさ変更ボタン」をつける必要性もあまり感じません。

まあ、ブラウザで文字のサイズを変えられることを知らない人もいるでしょうが。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved