一、如果设计中使用了非标准的字体,你该如何去实现?

所谓的标准字体是多数机器上都会有的,或者即使没有也可以由默认字体替代的字体。

方法:

二、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”即可进入字体浏览页面。

转自:http://www.chinaz.com/free/2012/0815/269267.shtml

Typekit在线字库及使用方法的更多相关文章

  1. ArcGIS API For Silverlight使用在线地图的多种方法总结

    引自:http://www.cnblogs.com/meimao5211/p/3283969.html ArcGIS API For Silverlight使用在线地图的多种方法总结 本人也正在学习A ...

  2. 最新版CKEditor在线编辑器的配置方法

    下载地址: http://ckeditor.com/download 使用方法: 在页面<head>中引入ckeditor核心文件ckeditor.js <script type=& ...

  3. Office word excel电子表格在线编辑的实现方法

    Office xp之后的版本支持通过webdav协议(http的扩展)直接编辑服务器上的文件. IIS(6.0)支持webdav,这在IIS管理器的web服务扩展中可以看到.利用IIS作为webdav ...

  4. Access数据库在线压缩的实现方法

    如果在 Access 数据库中删除数据或对象,或者在 Access 项目中删除对象,Access 数据库或 Access 项目可能会产生碎片并会降低磁盘空间的使用效率.压缩 Access 数据库或Ac ...

  5. PDF在线解除密码的方法是什么

    大家在网上下载一些关于PDF文件的时候通常会发现有的PDF文件是有密码的,有密码的文件通常是不可以被转换的,这个时候我们就需要将其密码解除掉,这样后期不仅方便阅读也方便了PDF文件的转换. 操作工具: ...

  6. 2018 最新注册码【激活码】、在线激活 pycharm 完整方法(亲测有效)【2018.06.01 重大更新!!!!】

    2018-06-01修改如下: 原来方法的第二种还是有效的,操作如下 (1)更新hosts文件(可以直接下载,然后解压缩) host文件地址 hosts文件,在windows中的地址为: 替换host ...

  7. Eclipse集成Gradle 【Eclipse在线安装Gradle插件方法】

    本章将介绍了Eclipse集成Gradle.以下是将Gradle插件添加到Eclipse的步骤. 步骤1 - 打开Eclipse Marketplace 打开在系统中安装好的Eclipse. 转到 J ...

  8. php在线编辑本地文件方法共享

    public function testfile() { $cfile='F:\phpStudy\WWW\thinkphp5practise\NNWinLoseConfig.ini'; $cfileh ...

  9. mssql 中文乱码 字库集 问题解决方法

    The database could not be exclusively locked to perform the operation(SQL Server 5030错误解决办法)   SQL S ...

随机推荐

  1. Web前端开发推荐阅读书籍、学习课程下载

    转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学 ...

  2. animation-play-state

    animation-play-state: css: .play-state{ -webkit-animation:f1 2s 0.5s infinite linear forwards altern ...

  3. 原生 ajax

    1.创建XMLHttpRequest对象 var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Ope ...

  4. python isinstance用法

    isinstance(object,type) 其第一个参数(object)为对象,第二个参数(type)为类型名(int...)或类型名的一个列表((int,list,float)是一个列表). 其 ...

  5. nginx 参考文章汇总

    Nginx 反向代理.负载均衡.页面缓存.URL重写及读写分离详解: http://freeloda.blog.51cto.com/2033581/1288553 Nginx开发从入门到精通: htt ...

  6. centos7 centos-home 磁盘转移至centos-root下

    1.查看分区 df -h (centos-home和centos-root每人的名字可能不一样) vgdisplay (查看空闲磁盘大小) 2.备份home分区文件 tar cvf /tmp/home ...

  7. Linux服务器配置---ftp用户黑名单

    用户黑白名单 一个Linux主机中会多个用户,而我们希望有些用户不能去访问ftp.ftp服务器可以通过配置文件“/etc/vsftpd/user_list”来设置一个用户列表,这个列表可以是黑名单,也 ...

  8. JavaScript甜点(1)

    甜点1:什么是脚本语言? 脚本语言是由传统编程语言简化而来的,它与传统的编程语言既有很多相似之处,又有很多的不同之处.脚本语言的最显著的特点是:首先它不需要编译成二进制,以文本的形式存在:其次就是脚本 ...

  9. 20145307陈俊达《网络对抗》Exp 8 Web基础

    20145307陈俊达<网络对抗>Exp 8 Web基础 基础问题回答 1.什么是表单? 表单是一个包含表单元素的区域,表单元素是允许用户在表单中输入信息的元素,表单在网页中主要负责数据采 ...

  10. 20165310_java_blog_week1.md

    2165310 <Java程序设计>第1周学习总结 教材学习内容总结 了解Java基本配置环境 学习Java命名.编译.运行规则 拓展学习包的编译.运行 熟悉Git的运用方式 教材学习中的 ...