1

使用私有 npm 自定义包将特定字体系列应用于 Vue2 和 Angular 存储库。我以前创建过 Vue 组件包，但从来没有为“框架无关”功能创建过，而且字体也很特别。

这里是文件结构

这里是文件结构

这是代码...

fonts.scss ：不确定@font-face是最好的方法

 @font-face {
    font-family: 'Effra';
    src: url('./assets/Effra-Italic_1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Effra';
    src: url('./assets/EffraHeavy-Regular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    ...
}...

index.js

import './fonts.scss'  // do not think I am importing correctly

const Fonts = () => {
    const app = document.body;
    app.style.fontFamily = 'Effra', sans-serif;
}

export default Fonts

package.json：我需要什么依赖项？

{
    "name": "@company/fonts",
    "version": "1.0.1",
    "description": "company fonts",
    "main": "src/index.js",
    "files": [
        "src/*"
    ],
    "repository": {
        "type": "git",
        "url": "git+https://bitbucket.org/company/repo.git"
    },
    "browserslist": [
        "> 1%",
        "last 2 versions"
    ]
}

我需要一个node_modules文件吗？

注意：我没有出版权。

非常感谢！

4

0 回答 0