我的LeagueGothic-Regular字体有问题。字体已安装但未在网站中反映

Question

我的LeagueGothic-Regular字体有问题。字体已安装但未在网站中反映。我已从此链接下载http://www.fontsquirrel.com/fonts/list/tag/alternate%20gothic%20no.1

Here is my html code:
<div class="my">Hi I am here</div>

Here is my css
@font-face
{
font-family: "LeagueGothic-Regular";
src: url('fonts/LeagueGothic-Regular.otf');
}



.my{
font-family:"LeagueGothic-Regular";
font-size:24px;
}