• 締切済み

HTMLと文字フォントに関して

下記の商品ページの下の方にそれぞれ商品説明を記した「Description」などが記載されてあります。 商品ページ1 http://www.ebay.com/itm/Mint-TAMRON-SP-AF-17-50mm-F-2-8-f2-8-XR-LD-ASPH-IF-for-canon-AF-F-S-from-Japan-/221979240719?ssPageName=STRK:MESE:IT 商品ページ2 http://www.ebay.com/itm/Near-Mint-PENTAX-smc-FA-645-400mm-f-5-6-1-5-6-with-Hood-Free-Ship-Japan-241-/141828835849?hash=item2105a84a09:g:sm4AAOSwgQ9Vs04M ■質問 商品ページ1のフォントを、商品ページ2とまったく同じにしたい場合はどのようにすればいいでしょうか?下記に商品ページ1のHTMLを添付させていただきました。どこを修正すればいいかご教示いただけないでしょうか?(質問文字数が限られているので下の方をカットしてあります) <table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <center> <font color="#ff0000" size="6"><b> <!-- ●●●タイトルを入れる●●● --> </b></font><br><br> <table width="800" cellpadding="10"> <tbody><tr><td bgcolor="#ffffff"> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffcc33" valign="top" height="32"> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffe566" align="center" height="30" width="25%"> <font color="#000000" size="5"><b> Description </b></font> </td> <td bgcolor="#ffffff" width="75%"></td> </tr> </tbody></table> </td></tr> <tr><td> <table cellspacing="15" width="100%"><tbody><tr><td align="left"> <font color="#000000" size="3"> <!-- ●●●本文を入れる●●● --> <b>■<font size=4><b>Grade:</b></font><br> Mint<br> <br> ■Appearance of the item:<br> Almost no scuffs as pictures.<br> <br> ■Functional:<br> It works properly.<br> <br> ■Optical system:<br> No scratches,<br> No hazes,<br> No fungus,<br> Almost no dusts.<br> <br> ■Including:<br> Front cap,Rear cap,Lens Hood,Original Box.<br> <br> If you have any questions and concern,please do not hesitate to contact me. Thank you for visiting!<br> </b></font> </td></tr></tbody></table> </td></tr> </tbody></table> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffcc33" valign="top" height="32"> <table width="100%" cellspacing="0" border="0" cellpadding="0"> <tbody><tr><td bgcolor="#ffe566" align="center" height="30" width="25%"> <font color="#000000" size="5"><b> Payment </b></font> </td> <td bgcolor="#ffffff" width="75%"></td> </tr> </tbody></table> </td></tr> <tr><td> <table cellspacing="15" width="100%"><tbody><tr><td align="left"> <font color="#000000" size="2"><b> <font color="#ff0000">

みんなの回答

回答No.1

HTMLではなくCSSですね。 商品ページ1の方のbodyが、 body { color: #5c9897; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px; height: 100%; margin: 0; padding: 0; } 商品ページ2の方が #Body .vi-bc-topM, #Body #CenterPanelDF, #Body #BottomPanelDF, body .oly { font-family: Arial,sans-serif,Verdana; font-size: 13px; line-height: 100%; } なので、この font-family を商品ページ2に合わせれば、概ね同じになります (※商品ページ2は項目によってフォントをさらに細かく指定しています)。

yataro878
質問者

補足

とてもご丁寧な回答ありがとうございます

関連するQ&A