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

时间:2019-10-30   访问量:0

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


宜春市新闻资讯
更多行业动态,技术文档,尽在黑马
免费获取最新方案及报价
期待您与我们进行交流,定制您的专属企业信息化方案

咨询热线

合作咨询 请致电:
15899750475
全国客服电话(周一至周五 9:00-21:00)

微信扫一扫

网站 建设 设计 企业 服务 推广 互联网 程序 网页 产品 微信 创意 建站 更多 优化 做网站 维护 项目 深圳市 中心 策划 内容 上市 在线 seo 排名 成立 网站 建设 设计 企业 服务 推广 制作 互联网 程序 网页 案例 产品 微信 建站 更多 优化 做网站 维护 项目 深圳市 内容 上市 seo 排名 科技 集团 电子 域名 数字  深圳 公司 品牌 客户 技术 咨询 有限 app 创新 手机 提升 市场 建立 管理 合作 	功能 商家 注册 公众 网站建设 空间 邮箱 国内 设备 销售 国际 流程 分析 价格 	公司 开发 有限 技术 客户 行业 定制 咨询 手机 高端 管理 需求 市场 外贸 app 提升 策划 成立 在线 方式 视觉 创新 网站建设 认证 企业认证 宝安 商务 在线 快速 北京 响应 福田 广告 视频 上海 工作  网站 建设 推广 深圳 服务 公司 企业 开发 电话 网络 咨询 有限 定制 客户 行业 手机 技术 app 方案 外贸 中心 打造 龙岗 龙华 保障 需求 广州 管理 推荐 南山 高端 提升 方式