Typekit在线字库及使用方法
一、如果设计中使用了非标准的字体,你该如何去实现?
所谓的标准字体是多数机器上都会有的,或者即使没有也可以由默认字体替代的字体。
方法:
- 用图片代替
- web fonts在线字库,如Google Webfonts,Typekit等等;http://www.chinaz.com/free/2012/0815/269267.shtml;
- @font-face,Webfonts(字体服务例如:Google Webfonts,Typekit等等。)
二、Typekit在线字库及使用方法
“字体”对于做前端设计的童鞋来说,是个不大不小的问题,往小了说,顶多选取几个常用的、系统内置的字体,页面不算太难看就完了;往大了说,本来挑了几个美观且能配合页面布局的字体,但客户的电脑里没有,打开页面那叫一个难看!
现在Google提供了一个web fonts在线字库,提供上百个可选字体,而且很多程序的主题作者,都开始使用这一服务(我使用的这款主题的作者,内置使用了Google在线字体)。但很不幸,依照Google在大陆地区杯具的角色,这一字体服务也不例外,加载慢不说,有时甚至直接屏蔽,让人既窝火,又无奈。
这里把Google web fonts的合作者:Typekit,介绍给童鞋们,在无法改变国内网络现状的情况下,可以用typekit来替代Google的在线字体服务,虽然与Google比,有种种限制,但唯一的好处是:Typekit使用了EdgeCast的CDN,国内访问的话,电信、联通走的均是香港的节点,速度有保障,最关键的是尚未被墙(去年我试过typekit,是被墙的状态)!
下面介绍下typekit的用法:
1、注册用户。typekit是商业服务,但提供一个免费套餐,可以为一个站点提供任意两款免费字体。由于typekit属于adobe旗下服务,所以其需要使用adobe的ID,有的可以在套餐选择页面直接选择Trial方案,登录即可;没有的,请在此点击“Creat an Adobe ID”,进行注册。
2、注册完成后,系统会将你带到一个“服务简介”页面,点右下角的“Get Started”进入下一步。
3、创建字体套件(Kit)。这是一个字体容器,每个容器对应一个站点,同时在这个容器中可以放入N个字体供用户使用。免费用户只能创建一个kit容器,该kit中最多可放两个字体,也就是说每个免费账号可以针对一个站点使用两种字体。如下图,Name即为这个kit的名称,随便起名;Domains是这个kit对应的站点域名,如例,可以填单域名、泛域名、IP地址,甚至是用于本地调试的localhost。
4、完成上一步后,系统会给出对应此kit的一段js代码,将其嵌入到页面之间即可。也就是说,页面引用了此kit的代码后,你就可以在页面当中任意调用此kit中的字体了。比如我的kit中有名为font1、font2两个字体,将这段代码嵌入到页面后,我直接在页面以font-family:font1;调用即可。
5、完成上述设置后,进入下一步的页面后,点击页面上部的“Browse Fonts”即可进入字体浏览页面。
Typekit在线字库及使用方法的更多相关文章
- ArcGIS API For Silverlight使用在线地图的多种方法总结
引自:http://www.cnblogs.com/meimao5211/p/3283969.html ArcGIS API For Silverlight使用在线地图的多种方法总结 本人也正在学习A ...
- 最新版CKEditor在线编辑器的配置方法
下载地址: http://ckeditor.com/download 使用方法: 在页面<head>中引入ckeditor核心文件ckeditor.js <script type=& ...
- Office word excel电子表格在线编辑的实现方法
Office xp之后的版本支持通过webdav协议(http的扩展)直接编辑服务器上的文件. IIS(6.0)支持webdav,这在IIS管理器的web服务扩展中可以看到.利用IIS作为webdav ...
- Access数据库在线压缩的实现方法
如果在 Access 数据库中删除数据或对象,或者在 Access 项目中删除对象,Access 数据库或 Access 项目可能会产生碎片并会降低磁盘空间的使用效率.压缩 Access 数据库或Ac ...
- PDF在线解除密码的方法是什么
大家在网上下载一些关于PDF文件的时候通常会发现有的PDF文件是有密码的,有密码的文件通常是不可以被转换的,这个时候我们就需要将其密码解除掉,这样后期不仅方便阅读也方便了PDF文件的转换. 操作工具: ...
- 2018 最新注册码【激活码】、在线激活 pycharm 完整方法(亲测有效)【2018.06.01 重大更新!!!!】
2018-06-01修改如下: 原来方法的第二种还是有效的,操作如下 (1)更新hosts文件(可以直接下载,然后解压缩) host文件地址 hosts文件,在windows中的地址为: 替换host ...
- Eclipse集成Gradle 【Eclipse在线安装Gradle插件方法】
本章将介绍了Eclipse集成Gradle.以下是将Gradle插件添加到Eclipse的步骤. 步骤1 - 打开Eclipse Marketplace 打开在系统中安装好的Eclipse. 转到 J ...
- php在线编辑本地文件方法共享
public function testfile() { $cfile='F:\phpStudy\WWW\thinkphp5practise\NNWinLoseConfig.ini'; $cfileh ...
- mssql 中文乱码 字库集 问题解决方法
The database could not be exclusively locked to perform the operation(SQL Server 5030错误解决办法) SQL S ...
随机推荐
- npm包上传下载的命令及例子
npm包上传下载的命令及例子. 新建hello.js 执行:npm init 执行:npm adduser ( username:XXX password:XXX email:XXX ) 上传:npm ...
- Testbench结构篇
对于standalone的block的verification: 采用结构化的Testbench:Testcase与Harness,BFM分别分离,来提高系统的可重用性.如图是一个典型结构: 其中所有 ...
- SQL: 左连接,右连接,内连接,左外连接,右外连接,完全连接
例子: ---------------------- --------------------------- a表 id name b表 id job parent_id 1 张三 ...
- Applying the Kappa architecture in the telco industry
https://www.oreilly.com/ideas/applying-the-kappa-architecture-in-the-telco-industry Kappa architectu ...
- IT行业——Linux
现在是21世纪,是科学技术大力发展的一个时代,IT行业已经成为现在的一个非常热门的一个行业,许许多多的人都想要往IT方面发展,找IT方面相关的一个工作.因此,现在也出现了很多IT培训机构,比如培训Li ...
- CPU负载过高异常排查实践与总结
昨天下午突然收到运维邮件报警,显示数据平台服务器cpu利用率达到了98.94%,而且最近一段时间一直持续在70%以上,看起来像是硬件资源到瓶颈需要扩容了,但仔细思考就会发现咱们的业务系统并不是一个高并 ...
- mysql查询操作1
##1.在已有的表中插入一行记录 insert into tb_name values("",""...); ##2.查询语句的框架和用法 select 字段名 ...
- c++第十五天
<c++ primer, 5E> 第94页到第99页,笔记: 1.迭代器(iterator):一种比下标访问更通用的访问容器中元素的机制. (并不是所有标准库容器都支持下标访问,<运 ...
- 负载均衡之-haproxy
老规矩,先介绍?复制一段? 1)HAProxy提供高可用性.负载均衡以及基于TCP和HTTP应用的代理,支持虚拟主机,它是免费.快速并且可靠的一种解决方案. 2)HAProxy特别适用于那些负载特大的 ...
- MySQL索引类型总结和使用技巧
引用地址:http://www.jb51.net/article/49346.htm 在数据库表中,对字段建立索引可以大大提高查询速度.假如我们创建了一个 mytable表: 复制代码 代码如下: C ...