建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

网页自带无需安装的紧凑漂亮的数字字体

来源:易助科技网浏览量:99收藏

字体简介和演示


为大家推荐一款紧凑漂亮数字字体,使用方便简单,无需安装,支持大部分主流浏览器和IE6以上浏览器,效果图:




使用方法:


1. 将附件下载的文件解压,放到你网站所在文件夹的css或相关的文件中,引入以下代码(文件路径请根据实际情况进行调整):


<style>
@font-face {
  font-family: 'qt';
  src: url('style/fonts/webfont/qt/dincond-medium-webfont.eot');
  src: url('style/fonts/webfont/qt/dincond-medium-webfont.eot?#iefix')
  format('embedded-opentype'), url('style/fonts/webfont/qt/dincond-medium-webfont.woff')
  format('woff'), url('style/fonts/webfont/qt/dincond-medium-webfont.ttf')
  format('truetype'), url('style/fonts/webfont/qt/dincond-medium-webfont.svg#webfont')
  format('svg');
}
</style>


2. 在需要使用该字体的元素上添加:font-family: 'qt'。例如:


<h1 style="font-family: 'qt'; color: #ff6a00;">1234567890</h1>



免责声明:


1)易助科技网站对其所列之字体不拥有版权,字体版权归原作者所有。

2)易助科技网站对其所列之字体仅供个人学习参考,若您要将该字体用于商业目的,请联系作者获得授权,易助科技网站对您使用该字体带来的一切后果不承担任何责任。

3)易助科技网站所列之字体及其所有相关信息均来自网络搜集或网友提供,易助科技网站对信息的准确性不提供任何担保,亦不承担任何责任。