CSS - font-optical-sizing 屬性

CSS 的 font-optical-sizing 屬性用於設定是否應最佳化文字渲染以在不同尺寸下檢視。

可能的值

none：瀏覽器不會修改字形形狀以獲得最佳檢視效果。
auto：瀏覽器會修改字形形狀以獲得最佳檢視效果。

應用於

所有 HTML 元素。

DOM 語法

object.style.fontOpticalSizing = "none | auto";

CSS font-optical-sizing - 基本示例

這是一個示例

<html>
<head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap">
<style>
    p {
        margin-bottom: 5px;
        border: 2px solid red;
    }
    .eng {
        font-family: "Montserrat", sans-serif;

    }
    .opt-no {
        font-optical-sizing: none;
    }
    .opt-yes {
        font-optical-sizing: auto;
    }
</style>
</head>
<body>
    <h3>Optical sizing -none</h3>
    <p class="eng opt-no">Check the optical sizing</p>

    <h3>Optical sizing -auto</h3>
    <p class="eng opt-yes">Check the optical sizing</p>
</body>
</html>

列印頁面