我也遇到了同样的问题。我将我的css文件放在css
文件夹中,将ttf文件放在www
文件夹中,但它没有正常工作,所以我将ttf文件移动到了css
文件夹中。这是我的代码:
@font-face
{
font-family: CustomArial;
src: url('arial.ttf');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
font-family: CustomArial;
}
如果您正在使用jQuery Mobile,您需要覆盖字体设置,例如:
.ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button {
font-family: CustomArial !important;
}
您需要在CSS中覆盖具有font-family: Helvetica, Arial, sans-serif;的任何jquery移动类的字体族
请将其改为:
font-family:CustomArial !important;
现在它将可以正常工作。您可以像这样尝试,也许对您有用。
src: url(/fonts/arial.ttf);
(没有双引号"
)。难道不应该是src: url("/fonts/arial.ttf");
吗?你能否使用这个修改测试你的代码? - Littm