Question

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

但是我找不到设置此属性的任何参数。

Answer 1

使用BrowserWindow创建新的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>

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

2 个答案: