深圳网站建设,龙华网站建设,龙岗网站建设,布吉网站建设

如何引入外部的英文字体让英文网站看上去更漂亮

来源:深圳黑马品牌网站设计 发布时间:2019-10-30 20:23:54

1.jpg

做外贸网站建设的时候,有一个比较头疼的问题就是英文单词太长的时候,长得让人受不了。所以如果做出像上面这图这样的字体,那所有的问题就迎刃而解了。


下面我来说一下在网站开发中如何引入。我所提出来的都是一些傻瓜式的操作,拿来即用的。


英文字体.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的话,太小,可能都快看不清。所以设置得大一点,当然了,这个你自己看着办了。	


相关文章
一行代码教程之:CSS让小写字母变大写上一篇文章
下一篇文章龙岗网站建设经验之如何做一个优质的网站