【问题标题】:Electron is Overriding My Font电子正在覆盖我的字体
【发布时间】:2018-03-08 00:48:37
【问题描述】:

我有一个 Web 应用程序,我的客户想将它封装在一个 Electron 应用程序中。一世 成功创建了一个可以正确加载我的网站的网站。但是,默认字体更改为 Times New Roman,而不是 Chrome 中显示的 Helvetica Neue(在我的 boostrap-customized.css 中指定)。

我查看了 Electron 文档,发现 webPreferences 对象包含 defaultFontFamily 对象,该对象包含标准、衬线、无衬线、等宽、草书和幻想中的每一个的字符串。我的问题是找到一个示例,说明如何在其中指定我想要的值作为 BrowserWindow() 的构造函数的一部分。我都试过了

webPreferences.defaultFontFamily.standard: 'Helvetica'

webPreferences:defaultFontFamily:standard: 'Helvetica'

在第一个句点或第二个冒号上都给我“SyntaxError: Unexpected token”。

我确定这是我不熟悉的一些简单的 Javascript 东西,或者至少我希望它是。

【问题讨论】:

    标签: javascript css electron font-face


    【解决方案1】:

    确实是一个简单的 JavaScript 问题。使用= 设置属性值而不是:

    例子:

    var obj = {
      prop1: null,
      prop2: {
        prop: 'Hi'
      }
    };
    
    //this works to set the values
    obj.prop1 = 'dog';
    obj.prop2.prop = 'cat';
    
    //this doesnt work - uncomment the lines below will cause the same error you're getting
    //obj.prop1: 'dog';
    //obj.prop2.prop: 'cat';
    
    console.log(obj);

    【讨论】:

    • 真正的罪魁祸首是 webPreferences 对象还没有像我想象的那样被定义。我最终不得不做的是更接近于您最初定义 obj 的方式,只需指定那里的所有值。然后将该对象传递给 BrowserWindow() 构造函数。
    猜你喜欢
    • 2016-06-07
    • 2015-09-23
    • 1970-01-01
    • 2017-02-24
    • 2012-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多