• 主页
    • 最新字体
    • 排行榜
    • 教程
    • DIY
    • 厂商
    • 素材
    • 更多
    字体文件
    • 字体文件
    • 设计教程
    • 字体新闻
    • 字体文章
    • 字体素材
    • 字体程序
    • 字体人物
    • 字体厂商
    • 字体网站
    • 知识汇编
    • 印章制作
    • 名片制作
    • 搞笑证件
    • 盘面设计

    RSS订阅 WAP浏览 加入收藏 高级搜索 本机字库 字体排行榜

    • 中文字体到方正官网注册为设计师既可免费下载所有方正字体
      [厂商]: 方正 汉仪 锐字家族 腾祥 造字工房 老字体 微软 华文 金梅 华康 蒙纳 中国龙 王汉宗 超世纪 超研泽 汉鼎 文鼎 钟齐 田氏 苏新诗 禹卫 黄引齐 本墨 书体坊 文泉驿 白舟 日系中文 新蒂 Aa字库 字酷堂 字心坊 我字酷 文悦字库 逐浪字库 神韵字库 邯郸字库 思雨字库 仓耳字库 默陌字体 蝉羽字库 斑马字库 字悦字库 华夏金彦 米开字库 吉页字库 字魂字体 汉呈字库 三极字库 文道字库 段宁字体 上首造字 点墨字库 横竖撇捺 胡腾飞字体 红豆字库 储桂琼 麦拉风 中文其他
      [类型]:宋体楷体行书黑体隶书草书篆书魏碑圆体线体金文综艺体手写体美术体创意体琥珀体古印体甲骨文其他体
      英文字体
      [字母]:A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  RS  T  U  V  W  X  Y  Z  OTHER
      其他字体
    • 全部字体 字体高级筛选
      [专题]:免费下载收费下载免费商用无下载名人名家字体公文字体图案字体在线商用授权字体 付费下载排行商用授权排行总下载排行浏览排行收藏排行浏览排行手写标题字创意标题字优秀硬笔字
      [编码]:GB2312GBKGB18030BIG5SHIFT-JISEUC-JPUNICODE[格式]:.TTF.OTF.TTC
      [平台]:适用电脑适用手机[字型]:手写手绘创意设计印刷字体
      [粗细]:特粗粗体细体特细[风格]:力量圆润优雅豪放奇特
      [外观]:硬笔手写毛笔飞白粉笔勾绘个性书体美术手绘儿童字体涂鸦字体哥特字体印刷字体
      无衬线字体衬线字体复古怀旧精致综艺卡通动漫3D立体字笔画蜷曲时髦现代空心字体双线字体单线超细奇特搞怪 点阵像素节日庆典图案字体装饰标纹品牌标志盲文拼音音标乐谱字体条码字体
      [地区]:中国大陆港澳台西藏老挝越南泰国缅甸蒙古日本阿拉伯俄文希腊德语印度韩国尼泊尔古叙利亚哈文爱尔兰波斯语南斯拉夫古北欧亚拉姆语意第绪语亚美尼亚埃及古语埃塞俄比亚全球通其他地区
      重要提示:本站提供的字体除标注“免费商用”的字体外,即使显示“免费下载”,商业用途也须购买商用授权!不能在线购买的请联系版权方,联系不到版权方不要商用,有侵权风险!

    付费下载排行 商用授权排行 总下载排行 浏览排行 收藏排行

    • 字库制作
      FontCreator教程 FontForge教程 FontLAB教程 ScanFont教程 其他字体制作教程
    • 平面设计
      Photoshop教程 Imageready教程 Fireworks教程 CorelDRAW教程 Illustrator教程 Freehand教程 Painter教程
    • 排版印刷
      InDesign教程 方正飞腾教程 PageMaker教程
    • 网页设计
      Dreamweaver教程 FrontPage教程
    • 三维设计
      AutoCAD教程 3DMAX教程 MAYA教程
    • 交互媒体
      Flash教程 Authorware教程 Director教程 After Effects教程 会声会影教程
    • 办公软件
      PowerPoint教程 Word 教程
      Excel 教程
      WPS教程


    在线印章

    盘面制作

    名片制作

    搞笑证件

    三极字库Aa字库汉呈字库中文字体设计公司综合资料北京腾祥科技开发有限公司日本TypeBank公司日本Font1000机构日本TAKA个性書体日本中村書体室日本七種泰史日本字游工房日本网屏旗下千都日本欣喜堂日本白舟书体文泉驿中易中标公司上海钟齐字库蒙纳公司(Monotype)华康科技公司莹达中国龙公司文鼎科技公司汉仪科印公司

    POP字体下载 字库打包下载 海报素材下载

    字体新闻 字体文章 字体程序 字体人物 字体网站 字库知识汇编

    您的位置:首页 > 文章 > Typekit在线字库介绍

    Typekit在线字库介绍

    来源:citydog.me作者:citydog.me时间:2014-09-24浏览:收藏反馈

        “字体”对于做前端设计的童鞋来说,是个不大不小的问题,往小了说,顶多选取几个常用的、系统内置的字体,页面不算太难看就完了;往大了说,本来挑了几个美观且能配合页面布局的字体,但客户的电脑里没有,打开页面那叫一个难看!

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

    将鼠标移动到你满意的字体上去,选择随后浮现的“+ Add to Kit”,进入下一步:添加字体到kit容器的操作。

    如上图,绿色块处,即为你刚刚选择要放入kit的字体。点击左侧上部的Using fonts in CSS,会弹出一个包含在css中规范写法的提示框,按照提示框的内容,在你的css中加入调用即可;Weights & Styles,即此字体要包含的各种样式;CSS Stack是为该字体重新命名一个你自己人为好记的名字,以后调用,填写你重命名的名字的即可。设置好这几项,然后点击右下角的“Publish”按钮,将此kit发布,至此就做完了必要的一些设置,剩下的就是在你的页面中调用了。

    注:点这里察看typekit字体测试

    用我的联通2M带宽进行测试,首页打开测试页面,包括加载字体api、js在内,不超过三秒,速度还算可以。有兴趣的可以来试试。

    注:typekit官网

    文章来源:http://www.citydog.me/2774.html

    赞
    上一篇:以自己的名义,写一种“汉字”
    下一篇:汉字字体从哪儿来?
    • 微信扫一扫
    • 版权信息
    • 找字网发布的字体版权归相关权利人所有,除特别标注的,商业用途均须购买授权。未经授权擅自商用,版权人将追究侵权者的法律责任并索赔。
    • 冀ICP备11021830号-2    冀公网安备13022702000109号
    • Copyright @ 2002-2020 Zhaozi.cn     |
    • 关于
    • 关于我们
    • 网站地图
    • 免责声明
    • 网站帮助
    • QQ微信群
    • 联系
    • 联系我们
    • 网站留言
    • 广告服务
    • 商务合作
    • 官方微博
    • 厂商查询
    • 下载和商用
    • 订单号取链接
    • 付费下载记录
    • 我的商用授权
    • 商用授权说明
    • 商用授权流程
    • 商用授权查询