Q&A
回答ありがとうございます。ご指摘いただいたとおりに書き換えてみたのですが、イタリック体にはできませんでした。obliqueにもしてみたのですが、斜体にはできませんでした。すみませんでした。
前提・実現したいこと
初心者です。JavaScriptでカレンダーを作りましたが、どうしても「日月火水木金土」をイタリック体にできません。エラーメッセージも出てきません。
発生している問題・エラーメッセージ
not avaiable
該当のソースコード
<!DOCTYPE html> <html> <head> <META charset="UTF-8"> <style> h2{ color:#0094ff; text-align: center; } img{ box-shadow: 10px 10px 10px rgba(0,0,0,0.4); width: 500px; } td{ font-size:28px; text-align: center; border:1px solid #cccccc; } .red{ color:red; } tr:nth-child(2){ font-weight:bold; font-style: "italic";</html>} td:first-child{ color:red; } table{ margin:20px; } </style> </head> <body> <h2>カレンダー</h2> <table> <tr> <td colspan="7"> <img src=""/> </td> </tr> <tr> <td>日</td> <td>月</td> <td>火</td> <td>水</td> <td>木</td> <td>金</td> <td>土</td> </tr> <tr> <td></td> <td></td> <td></td> <td class="red">1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> </tr> <tr> <td>12</td> <td class="red">13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> </tr> <tr> <td>19</td> <td>20</td> <td>21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> </tr> <tr> <td>26</td> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td></td> </tr> </table> </body>
### 試したこと italicをobliqueに書き換えること、フォントをＭＳＰゴシックに変えてみること、 tr:nth-child(2)の数字の部分を変えてみること（カレンダーの数字はイタリック体になりました）など。 ### 補足情報（FW/ツールのバージョンなど） Visual Studio Code(ver.1.49.1)、ブラウザはChromeです。
回答3件
0
メイリオを斜体にする方法として、@font-faceで明示的に立体(非斜体)のフォント名のみを指定する方法があります。
CSS
1@font-face { 2 font-family: "Meiryo"; 3 src: local("Meiryo"); 4 font-weight: normal; 5} 6@font-face { 7 font-family: "Meiryo"; 8 src: local("Meiryo Bold"); 9 font-weight: bold; 10}
メイリオのフォントコレクションにはイタリックの名のついた日本語は立体なフォントが入っているので、普通にイタリックを指定するとこちらが使われるのに対し、
明示的に立体フォントのみを指定した@font-faceを使うようにすればイタリック指定時に立体から傾けた斜体が生成されます。
Firefoxではしばらく前からデフォルトでこの技法が使われるようになったらしく、メイリオの日本語が普通に斜体になります。
https://bugzilla.mozilla.org/show_bug.cgi?id=548311
投稿2020/09/22 08:03
総合スコア3047
0
ベストアンサー
font-style: italic;で。
投稿2020/09/21 14:19
総合スコア85901
質問のコードで、引用符を取って、フォントをＭＳＰゴシックなどに変えて表示させてみると、曜日はイタリックになりました。
ChromeのデフォルトフォントMeiryoだとイタリックが無いようです。
ご回答いただきありがとうございます！
tr:nth-child(2){
font-weight:bold;
font-style:italic;
font-family: 'Times New Roman', "MS Pゴシック";
}
と書き換えてみたのですが、やはり斜体になりませんでした・・・（””を消す、Time New Romanなどを消すこともしてみました）。
<body>
<font-family:'Times New Roman , MS Pゴシック ></font-family>
とbody の後ろに置いてみたりもしましたが上手く行かず・・・font-familyの使い方の問題なんでしょうか。また類似のソースを調べてみて打ち直してみます。すみませんでした。
MS Pゴシックのフォント名が違いますね。正確に書きましょう。
M と S と P は全角で、空白は半角です。
イタリック体にできました！何度もご回答いただきありがとうございます！
0
font-styleプロパティの値は、"で囲まずにそのまま書いてください。
Diff
1- font-style: "italic"; 2+ font-style: italic;
提示されたHTMLファイルのfont-styleを修正するだけで、こちらでは以下のように表示されています。
投稿2020/09/21 14:13
編集2020/09/21 14:52
総合スコア11990
回答ありがとうございます。まだそのあたりの理解ができていないもので・・・タグを変えました。
ご指摘いただいた通りにソースを書き換えてみたのですが、どうしてもイタリック体にはできませんでした。また調べてみます。すみませんでした。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/22 12:07