HTMLのリンクを太文字で表示させたいです

前提・実現したいこと

リンクを太文字で表示させたいです。
ご回答お願い致します。

該当のソースコード

下記を試したのですがどれも太文字になりませんでした。

html
1<a href="https://teratail.com" style="font-weight: bold"><font size="4">リンク１</font></a>
2<b><a href="https://teratail.com"><font size="4">リンク２</font></a></b>
3<strong><a href="https://teratail.com"><font size="4">リンク３</font></a></strong>

補足情報

環境はIE11です。

K_3578

2021/03/18 03:20

ご提示のコードをこちらの環境で実行してみましたが、全て文字自体はデフォルトより太いサイズで表示されました。現象が再現可能なコードを追記して頂けますでしょうか。

行動規範の内容に同意します

回答2件

ベストアンサー

追記修正依頼にも書いたとおり、こちらでは実行出来ているのであるとすれば他の要素が邪魔してる
って事だと思うので、可能性を書いておきます。

まぁありそうなので言えば、cssで太字を打ち消す記載をどこかでしてるのかもしれません。
いずれにせよ、この質問文の内容では、正確な理由は回答者にはわからないです。

追記:やるにしてもstyle.cssとか作って

HTML
1<head>
2<link rel="stylesheet" href="style.css">
3</head>

css
1a {
2	font-wight:bold;
3}

した方が良いですね。

投稿2021/03/18 03:44

編集2021/03/18 03:49

K_3578

総合スコア1282

meri008

2021/03/18 03:59

お二方申し訳ありませんでした。 K_3578さんの言うとおり、原因はcssにありました。 cssの方でフォントの指定があり、そちらが優先して設定されていたためでした。 yambejpさん、fontタグ・bタグは利用不可、strongタグの仕様について学べました。素早い回答ありがとうございました。

K_3578

2021/03/18 04:38

別に謝る必要はありません。ただ、この質問文の内容は正確な回答を得るには不十分という事だけ認識して頂ければ問題ないかと。以降質問されることがあった場合は質問の際に https://teratail.com/help/question-tips こちらの「質問するときのヒント」を参考に書かれると回答も得やすくなると思います。頑張ってください。

行動規範の内容に同意します

多分気のせいでしょう

HTML
1<a href="https://teratail.com" style="font-weight: bold"><font size="4">リンク１</font></a>
2<b><a href="https://teratail.com"><font size="4">リンク２</font></a></b>
3<strong><a href="https://teratail.com"><font size="4">リンク３</font></a></strong>
4<br>
5<a href="https://teratail.com"><font size="4">リンク１</font></a>
6<a href="https://teratail.com"><font size="4">リンク２</font></a>
7<a href="https://teratail.com"><font size="4">リンク３</font></a>
8