Question

我不是程序员，可能没有正确的术语，但需要我想象的一个非常简单的问题。

如何在数组中定义变量标签？至少这是我想象的那样，但我的术语'变量'，'标签'和'数组'可能是不正确的术语。

请光临我，让我解释一下这个问题，然后我会插入我的实际代码示例。

我正在使用svg-edit并嵌入了一些字体以供编辑器使用。

我的原始TTF文件是使用Font Squirrel转换的

问题是，Font Squirrel转换重命名css中的'font-family'，这是使用负责在编辑器中使用这些字体的javascript所必需的。

在我的例子中，原始的TTF字体系列是：Accent SF，转换后它是AccentCasual，（注意Accent和SF之间的'空格'）。

这就是问题，Accent和SF之间的空间。

为什么这是一个大问题？好吧，当我打开最初在Inkscape中创建的svg文件进入svg-edit时，由于这种轻微的差异，svg-edit软件无法识别字体，反之亦然。

我可以在Notepadd ++中手动打开svg文件并更正差异，但这不是解决方案。

因此，我需要修改css和js以匹配。在css中，添加空格是一个非常简单的解决方案，而css和js需要匹配，js，它不是，因为我尝试过的所有内容都失败了。

我需要知道的是如何修改在线版本的javascript，只需在名称中添加'space'，再次从'Accent-SF'到'Accent SF'

这是整个css（来自它自己的单独文件）注意'font-family'我已经将其更改为'Accent SF'到我需要的地方。

@font-face {
    font-family: 'Accent SF';
    src: url('font-files/acce-webfont.eot');
    src: url('font-files/acce-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-files/acce-webfont.woff') format('woff'),
         url('font-files/acce-webfont.ttf') format('truetype'),
         url('font-files/acce-webfont.svg#accent_sfregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

以下是js代码的片段：不是'font-family'作为'Accent-SF'我需要删除' - '以便它与'Accent SF'的css版本完全匹配

    Smm.fonts = {
      AccentCasual: {
        cssFile: 'accent_sfregular.css',
        imageFile: 'accent_casual.png',
        loadType: 'custom',
        loaded: false
    }
};

希望这可以理解我所要求的和我需要的东西。

似乎可以简单地将javascript从'AccentCasual'更正为'Accent SF'但是当我添加'space'时，javascript会失败。

请帮忙。

提前致谢！

Answer 1

您想要更改的是对象的属性名称。

这是你的对象：

Smm.fonts = {
    AccentCasual: { ... }
}

它有一个属性，AccentCasual。对象文字中仅包含字母数字字符的属性名称不需要用引号括起来。但是，必须引用非纯字母数字（空格，短划线等）的属性名称：

Smm.fonts = {
    "Accent SF": { ... }
}

需要帮助正确定义Javascript - 应该非常简单

1 个答案: