如何将自定义字体添加到ExtJS应用程序？

Question

同事！

请建议，如何将自定义字体添加到ExtJS，以便它将与应用程序一起加载，以防用户未在其系统中安装此字体？

必须加载哪个文件夹，以及在何处以及如何包含它？

感谢您的回答！

Answer 1

您只需将新字体文件添加到myApp\resources\fonts，然后将相应的CSS规则添加到sass\etc\all.scss（感谢scebotari66），例如

@font-face {
    font-family: Pragmatica;
    src: url(fonts/Pragmatica.ttf) format('truetype');
}

如果在ExtJS上传文件之前需要您的字体，您可以将CSS规则添加到myApp\resources\css\app.css等自定义文件夹，并在app.css myApp\index.html中添加<link rel="stylesheet" type="text/css" href="resources/css/app.css">。它适用于Sencha CMD sencha app build。