html引入在线字体,html – CSS导入字体

我需要在网站上使用4个字体,我的网站文件夹中有文件

Baskerville.ttc

BellGothicstd-Black.otf

BellGothicstd-Bold.otf

JennaSue.ttf

我试图导入使用@Import并且这里的字体仍然不起作用是我使用的：

@import url(../fonts/BellGothicStd-Black.otf);

@import url(../fonts/BellGothicStd-Bold.otf);

@import url(../fonts/Baskerville.ttc);

@import url(../fonts/JennaSue.ttf);

我也尝试使用@ font-face规则这是我使用的：

@font-face {

font-family: 'BellGothicBlack';

src: url('../fonts/BellGothic-Black.otf') format('OpenType'),

}

@font-face {

font-family: 'BellGothicBold';

src: url('../fonts/BellGothicStd-Bold.otf') format('OpenType'),

}

@font-face {

font-family: 'Baskerville';

src: url('../fonts/Baskerville.ttc') format('OpenType'),

}

@font-face {

font-family: 'JennaSue';

src: url('../fonts/JennaSue.ttf') format('TrueType'),

}

有人能告诉我我做错了什么吗？我想我可能会遗漏一些我不太确定的代码.

提前致谢

汤姆