Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでフォントフォールバックが発生したときにテキストの読みやすさを維持するにはどうすればよいですか？

fontSizeAdjustを使用します テキストの読みやすさを維持するためのプロパティ。フォントのアスペクト値、つまり小文字と大文字のサイズの差を設定します。

例

JavaScriptでフォントのフォールバックが発生したときにテキストの読みやすさを維持するために、次のコードを実行してみてください-

<!DOCTYPE html>
<html>
   <body>
      <h1>Heading 1</h1>
      <p id="myID">
         This is Demo Text.
      </p>
      <button type="button" onclick="display()">Set Aspect Value</button>
      <script>
         function display() {
            document.getElementById("myID").style.fontFamily = "verdana,sans-serif";
            document.getElementById("myP").style.fontSizeAdjust = "0.90";
         }
      </script>
   </body>
</html>

  1. JavaScriptを使用してテキストをクリップボードにコピーするにはどうすればよいですか？

    以下は、JavaScriptを使用してテキストをクリップボードにコピーするためのコードです- 例 <!DOCTYPE html> <html> <head> <style> button {    border: none;    outline: none;    background-color: rgb(191, 187, 255);    color: black;    font-weight: bold;    pa

  2. JavaScriptでテキストを切り替える方法は？

    JavaScriptでテキストを切り替えるためのコードは、次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana,