如何在电子中设置最小字体大小？

Question

我需要在我们的 Electron 应用程序中设置最小值 font-size，就像 Chrome 具有默认的 12px 最小字体大小一样。

但是我找不到任何参数来设置这个属性。

Answer 1

创建新的 BrowserWindow with options 时，您可以添加一个 webPreferences 属性，它是一个对象文字，包含名为 minimumFontSize、defaultFontSize 的属性， defaultMonospaceFontSize，等等例如：

mainWindow = new BrowserWindow(
{
    width: 800,
    height: 600,
    webPreferences:
    {
        minimumFontSize: 18,
        defaultFontSize: 24,
        defaultMonospaceFontSize: 20
    }
});

请注意，实际的默认字体大小可能会被任何已定义的 CSS 覆盖。

Answer 2

您的问题暗示，用户可以在您的应用程序中更改字体大小。

您可以使用 css 变量，例如。 g.:

//inside my change font-size function

//1. get user set new value
var _new_user_val = 9; //px
//2. check it against your min font-size
if (_new_user_val >= 8) {
 //3. change the css var
 document.body.style.setProperty('--main-font-size', _new_user_val + 'px');
 
} else {
 //4. new user val too low - error out
 print_error("not allowed, min font size is 8px");
}

:root {
    --main-font-size: 12px; 
}

p {
    font-size: var(--main-font-size); 
}

<p>My Text</p>

如何在电子中设置最小字体大小？

How to set a min font size in electron?

fonts

font-size

electron