如何引入外部的英文字体让英文网站看上去更漂亮
时间:2019-10-30 来源:本站
做外贸网站建设的时候,有一个比较头疼的问题就是英文单词太长的时候,长得让人受不了。所以如果做出像上面这图这样的字体,那所有的问题就迎刃而解了。
下面我来说一下在网站开发中如何引入。我所提出来的都是一些傻瓜式的操作,拿来即用的。
英文字体.rar
手先,先下载我提供的压缩包。
使用方法:
1:把字体放到网站目录中
2:在服务器上配置好mine类型,让服务器支持这些字体。
3:模板文件中引入fonts.css
4:主体样式文件中如下书写
@font-face {
font-family:'en';
src:url("../fonts/futuralc.ttf");
}
html,body{
font-size:18px;
font-family:"en";
}
5:后面如果哪个位置没有支持这个字体,那就么给对应的CSS加上:font-family:"en";就可以了。
为什么上面我设置字体18PX这么大呢,因为这个字体偏小,用14的话,太小,可能都快看不清。所以设置得大一点,当然了,这个你自己看着办了。