bootstrap搭的页面，font-face引用字体，页面上和字体本身样式不一样

Question

@font-face {

font-family: 'myfont';
src: url('../fonts/FONTS.TTF'); 

}
调用
.menu .nav{

font-family: myfont!important;

}
在用bootstrap搭建页面，设计图要求导航栏部分用‘创意简楷体’。网上下载安装在电脑里之后再ps/记事本打开字体长的和设计图一样。

但是在css里引入之后再用，页面打开就不是那个字体了。好像微软雅黑（???）

然后
1.我看了一下F12离的Network，有请求到我本地引入的/fonts/创意简斜体.TTF的文件。
2.我在网上下载了另一款样式独特的文字，放到fonts文件，在css将引用路径改成新下载的文件名，在网页里打开就是新的字体。
给我的感觉好像问题出在这个‘创意简楷体’的字体上，但是想不通，各位有遇到过这种问题的吗？ 求解决方法

Answer 1

在网上下载了好几个版本的这个字体还是这个结果，但是怎么想都是字体本身的事儿，于是找了个在线转字体格式的网站把font.ttf转了一遍ttf格式。用转格式之后的版本。活了√