isaraの模写 同じfont-familyを設定しているが、font-weight: 600 にしても同様に反映されない

Question

前提・実現したいこと

isaraのHPの模写をしており、オリジナルのものと同様にfont-weightの設定を反映させたい。

isaraのHP: https://isara.life/

isaraのHPの模写をしてるのですが、ディベロッパーツール上で反映されているにも関わらず
なぜかfont-weightをCSSで反映させてもブラウザ上で同じように反映されません。
※少しだけ太くなるもののｍ，オリジナルと同じ太さにはなりません。

発生している問題・エラーメッセージ

添付ファイルに現在の状況があります。
下記の写真をご覧になってください。

該当のソースコード

html
ソースコード
 <div class="txts">現在のスキルの状況、パソコンの環境説明、渡航での注意点を話します。</div>
      <div class="txts">簡単なテストあり</div>
      <div class="txtxs">iSaraでは受講料を稼げることを保障しています。従って、事前コンサル時点で簡単なテストを実施し、場合によってはお断りをしております。（テストの内容はPCの基礎知識に関するテストですので、普段からパソコンを利用する方でしたら問題ありません。テストはもちろん無料ですので、まずはお問い合わせください。）</div>

CSS
ソースコード
.txts {
    text-align: left;
    margin: 20px 0;
    font-weight: 600;
    line-height: 19.2px;
  }

試したこと

３０分ほどググってみましたが、解決できませんでした。

補足情報（FW/ツールのバージョンなど）

Macbook pro mac os Catalinaを使用しています。
ブラウザはchromeの最新版です。

Comments

[kei344]

コードブロックにはコード／エラーのみを入れるようにしてください。文章はコードブロック外にあるほうが読みやすいですし、画像は外でないと正しく表示されません。

[penny271]

ご指摘ありがとうございます。
コードブロック外に添付ファイルを出すことで表示させることができました。

[退会済みユーザー]

タグ違うじゃん

[退会済みユーザー]

プレビューがあるのに確認しないのはなぜやろ

Answer 1

記載の内容からはわかりかねますが、検証ツールの「Computed」に、最終的に適用されているスタイルが全て表示されるので、そこで見比べて違いを探してみてください。

（-webkit-font-smoothingで太さに差が出ることはあります）

Comments

[penny271]

-webkit-font-smoothing:antialiased; を設定したところ、問題が解消されました！

”検証ツールの「Computed」に、最終的に適用されているスタイルが全て表示される”とのこと、初めて知りました。「Computed」では、marginやpaddingしか見ていなかったので、今後は教えていただいたようにそこから見比べていきます。

これでもやもやが一気に解消しました。
本当にありがとうございました！