Fonts Visualforce页面中的自定义字体

Fonts Visualforce页面中的自定义字体,fonts,salesforce,visualforce,Fonts,Salesforce,Visualforce,我试图将自定义字体应用到visualforce页面,结果遇到了一堵砖墙。我创建了一个zip字体文件,并将其加载到Salesforce的外部资源中,但它们似乎没有占据主导地位。下面是我必须尝试引用的代码。如果你能…请帮助我 @font-face { font-family: 'Helvetica Neue Regular'; src: url({!URLFOR($Resource.sncFonts, '/HelveticaNeue-Regular.ttf')}); } .cal

我试图将自定义字体应用到visualforce页面,结果遇到了一堵砖墙。我创建了一个zip字体文件,并将其加载到Salesforce的外部资源中,但它们似乎没有占据主导地位。下面是我必须尝试引用的代码。如果你能…请帮助我

@font-face {
    font-family: 'Helvetica Neue Regular';
     src: url({!URLFOR($Resource.sncFonts, '/HelveticaNeue-Regular.ttf')});
}

.callout.std-callout{
    font-size: 12px;
    font-family: "Helvetica Neue Regular";
    color: #414141;
}

您能在zip文件中重新检查字体文件的路径吗? 另外,您是否尝试过使用其他字体格式

<style>
@font-face{
font-family: 'samplefont';
src: url("{!URLFOR($Resource.staticResourceName, '/Path/filename.eot')}");  /* IE9*/
src: url("{!URLFOR($Resource.staticResourceName, '/Path/filename.eot?#iefix')}") format('embedded-opentype'), /* IE6-IE8 */
url("{!URLFOR($Resource.staticResourceName, '/Path/filename.woff')}") format('woff');  /* Modern browsers*/
font-weight: 400;
font-style: normal;
}
#content { font-family: samplefont; !important }
</style>

你是怎么做到的?我也处于同样的情况Hi Khaleel,我确实遵循了答案,但资源必须是本地的。下面是一个片段:@font-face{font-family:'Helvetica Neue-Regular';src:url{!URLFOR$Resource.sncFonts'/sncFonts/HelveticaNeue-Regular.ttf'};}