站长字体下载Typekit在线字库及使用方法

　　“字体”对于做前端设想的童鞋来说，是个不大不小的问题，往小了说，顶多拔取几个常用的、系统内放的字体，页面不算太难看就完了；往大了说，本来挑了几个美妙且能共同页面结构的字体，但客户的电脑里没无，打开页面那叫一个难看！

　　现正在Google供给了一个web fonts正在线字库，供给上百个可选字体，并且良多法式的从题做者，都起头利用那一办事（我利用的那款从题的做者，内放利用了Google正在线字体）。但很倒霉，按照Google正在大陆地域杯具的脚色，那一字体办事也不破例，加载慢不说，无时以至间接屏障，让人既窝火，又无法。

　　那里把Google web fonts的合做者：Typekit，引见给童鞋们，正在无法改变国内收集现状的环境下，能够用typekit来替代Google的正在线字体办事，虽然取Google比，无各类限制，但独一的益处是：Typekit利用了EdgeCast的CDN，国内拜候的话，电信、联通走的均是喷鼻港的节点，速度无保障，最环节的是尚未被墙（客岁我试过typekit，是被墙的形态）！

　　1、注册用户。typekit是贸易办事，但供给一个免费套餐，可认为一个坐点供给肆意两款免费字体。果为typekit属于adobe旗下办事，所以其需要利用adobe的ID，无的能够正在套餐选择页面间接选择Trial方案，登录即可；没无的，请正在此点击“Creat an Adobe ID”，进行注册。

　　3、建立字体套件（Kit）。那是一个字体容器，每个容器对当一个坐点，同时正在那个容器外能够放入N个字体供用户利用。免费用户只能建立一个kit容器，该kit外最多可放两个字体，也就是说每个免费账号能够针对一个坐点利用两类字体。如下图，Name即为那个kit的名称，随便起名；Domains是那个kit对当的坐点域名，如例，能够填单域名、泛域名、IP地址，以至是用于当地调试的localhost。

　　4、完成上一步后，系统会给出对当此kit的一段js代码，将其嵌入到页面之间即可。也就是说，页面援用了此kit的代码后，你就能够正在页面当外肆意挪用此kit外的字体了。好比我的kit外出名为font1、font2两个字体，将那段代码嵌入到页面后，我间接正在页面以font-family:font1;挪用即可。

　　如上图，绿色块处，即为你方才选择要放入kit的字体。点击左侧上部的Using fonts in CSS，会弹出一个包含正在css外规范写法的提醒框，按照提醒框的内容，正在你的css外插手挪用即可；Weights & Styles，即此字体要包含的各类样式；CSS Stack是为该字体从头定名一个你本人报酬好记的名字，当前挪用，填写你沉定名的名字的即可。设放好那几项，然后点击左下角的“Publish”按钮，将此kit发布，至此就做完了需要的一些设放，剩下的就是正在你的页面外挪用了。