通过css加载外部自定义文字

共9个文件

ttf：2个

jpg：1个

svg：1个

外部文字

需积分: 13 13 下载量 161 浏览量 2014-07-24 17:01:36 上传评论收藏 1.8MB RAR 举报

温馨提示

很多时候，我们希望自己的页面上出现比较个性的字体，但是这种字体并不是系统上默认自带的，以前的做法是通过加载图片来达到效果，但是这一做法的缺点是，不灵活，不利于后期更改维护。且如果特殊字体过多的话，便会造成加载速度过慢的现象。解决这一问题的办法是，通过CSS来加载外部字体。一下是我的代码，如果有不同或者更好的建议，期待着和你的交流探讨。

资源推荐

资源详情

资源评论

动态加载外部css或js文件

原理解析：第一步：使用dom创建[removed]或者<link>标签，并给他们附加属性，如type等第二步：使用appendChild方法把标签绑定到另一个标签，一般是绑到<head>. 应用：1、提高代码的复用，减少代码量；2、添加一个javascript控制器和 session可以实现动

安卓插件机制相关-android插件化加载并启动外部apk采用360提供的DroidPlugin方案通过插件化加载安装并启动外部apk。需要为插件预申请对应权限.rar

android插件化加载并启动外部apk采用360提供的DroidPlugin方案，通过插件化加载安装，并启动外部apk。需要为插件预申请对应权限.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。

收起资源包目录

fontDemo.rar （9个子文件）

fontDemo

font

bb2879.jpg 185KB

bb2780.ttf 411KB

bb2780.woff 229KB

bb2780.otf 1.89MB

bb2780.svg 905KB

bb2780.eot 411KB

bb2879.ttf 15KB

fontDemo.css 593B

fontDemo.html 1KB

共 9 条

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>fontDemo</title> <meta name="author" content="Administrator" />  <style type="text/css"> body {background:#dff5b7; } @font-face{ font-family:'login';/*文字的名字*/ src:url('font/bb2780.eot');/*文字文件所在的位置*/ src:local('login Regular'), local('login'), url('font/bb2780.woff')format('woff'),/*IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+*/ url('font/bb2780.ttf')format('truetype'),/*IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+*/ url('font/bb2780.svg')format('svg'),/*Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+*/ url('font/bb2780.otf')format('otf');/*Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+*/ } h1{font-family: login;font-size: 50px;text-align:center;} </style> </head> <body> <h1>I love you</h1> </body> </html>

评论收藏

内容反馈

资源评论