大家天天在网络上浏览网页,有没有发现一件事?就是一般网页的设计字体都很丑,不然就是怎么看都只用细明体,如果是在网页上看到比较特殊的字体那也一定是“图档”,主要的原因就是在网络上所有的文字内容不管原本编排者花了多少巧思去排版设计,只要您的电脑中没有跟编排者一模一样的字体的话,那最后读者看到的内容还是会被打回原型,只剩下预设的“细明体”(在 Mac上就会是黑体)。举例来说,一样是苹果官网的产品介绍,在不同的OS上呈现的结果就差很多,这也是“字型”的原故:
▲左边是 Windows、右边是Mac 大家喜欢哪种字体(请点我)?
因为“字型”并不是免费的而且每个人会安装到电脑的字体也不一样,偏偏 Windows 最多只有细明、新细明与微软正黑体三种中文字体变化,当然阅读体验上也会有很大差异。阿达之前还有帮人架设网站时就因为这个原故,所有的字体只好使用图档来编辑与排版,以求视觉统一(范例),但这样的方法除增加了网站带宽的浪费外,最大问题是完全没有SEO,而且内容也不能被复制:
那么要如何才能给不同平台所有的消费者一样的阅读体验呢?由国内最知名字型厂商“华康字型”就相当聪明的推出了“云端字型”的概念,可以确保网站维护者想要给读者的真正阅读体验!接下来阿达为大家介绍一下这个崭新的新云端字型“华康威 font”网页字型服务。
首先到“华康威 font”官网(http://dfo.dynacw.com.tw/),点击网页最右侧的“立刻申请试用”:
接着输入使用者的名字与 email ,执行“继续填写完整资讯”:
在输入了个人资料后,就可以到您的信箱中点击启动连结以完成会员注册:
开启启动信里面的连结,就完成“华康威 font”注册动作了:
华康威 font 原则上可以套用在所有的网站格式中,接下来阿达以几个一般会使用到的情境来说明,以阿达为例的话就是拿来写 BLOG 了,首先一样回到官网,执行“登入”并输入刚刚注册的 email 与密码:
“华康威 font”您必须要把他想为是一个“编辑器”的概念,作用就是把你原本已经做好的网页内容套上各种丰富多变的字型,增加阅读的舒适性与美观度。先执行“会员专区”功能表中的“编辑网络字型”:
接着会进入到华康威 font 的编辑界面,先清理掉文字编辑框里面的预设文字(因为用不到):
接着就可以开始编辑内文,如果您跟阿达一样是部落客的话,可以将已经写好的图文整个复制贴上到华康威 font 的文字编辑框中(您也可以直接把华康威 font 的编辑器直接当作后台来写文章):
在编辑内文时就可以开始使用“华康威 font”云端字型了,只要框选想要修改字型的内文后执行“云端字体”,就可以看到各式各样的华康字体可以选择使用,如基本的华康明体系列:
比较俏皮的各种星座与特殊字体(少女体、熊猫体…),比较正式与有文化气息的金体、圆体、篆体…各式各样的华康字型超过一百多种变化可以使用:
在这边我选择黑体并套用,这样您看到原本预设的细明体就变成黑体了,相当简单。如果觉得字体太小或想增加颜色变化也没有问题,原则上就跟编辑 Word 一样简单:
当您辛苦的编辑排版内文完毕后记得要给一个标题,最后执行“完成编辑”进行存档(编辑到一半如果有事要离开也记得先执行“完成编辑”,不然系统有过久没动作自动登出的机制):
存档后会跳转到“文章编辑记录”选项中,请全选并复制“源代码”旁边文字框里面的HTML码内容:
接着就到您的 BSP 平台发文,阿达以“痞客邦”为例,进入痞客邦编辑气候先执行“HTML”接着在HTML原始程式码编辑器里面“贴上”(Ctrl+V)刚刚由华康威 font 所复制源代码,最后执行“更新”:
这样您刚刚辛苦排版的内文就出现在痞客邦了,而且不管读者有没有这些华康字型都能正确显示排版的结果:
范例网页,请滚动鼠标往下就会看到内文(或请点我):
如果您跟阿达一样使用 WordPress 架站的话,直接在编辑器里面切换到“文字”接着贴上华康威 font 源代码后直接发布文章即可,不过要注意的是 WordPress 内建的编辑器会很“鸡婆”帮你修正格式,所以如果有修改文章的话就要到华康威 font 后台,重新编辑后送出:
范例,以下的特殊呈现方式都是透过华康威font字型完成的:
台湾最受欢迎的传讯 App 之一“LINE”,在 WeChat 推出 iPad 版本不久后,在今天也释出了 LINE iPad 专用版,让 LINE 现在可以同步登入的装置数量包含了手机、电脑与 iPad 共三个版本,相信可以解决许多朋友长年以来希望在较大屏幕续航力叫好的 iPad 使用的心愿,一起来看看 iPad 版的 LINE 有多好用吧!
首先到App Store 搜寻“LINE for iPad”或直接点我下载,限 iOS7 以上:
第一次执行时会要求传送推拨讯息,请点“好”,当您 iPad 版的 LINE 登入聊天时,手机端与电脑端会保持静默,不会造成三方共响的情况(但还是会有讯息提示):
如果想要管理之前编辑排版的文章也很简单,只要执行“会员专区”—>“文章编辑记录”,就会显示之前所编排过的所有文章列表:
想修改任何一篇文章,只要点击标题旁的“+”,就可以进行复制源代码或再次使用华康威 font 编辑器重新编排内文:
刚刚阿达介绍的只有 BLOG 的使用方法,其实华康威 font 的运用面非常广,就算是 HTML 的网站设计、BANNER、电子书与网页特效也都可以华康威 font 网页字型套用(官方说明请点我):
在官网也有许多范例与线上体验可以让大家亲自试玩(线上体验请点我):
这么方便又好用的线上字型您可能会觉得很贵吧?其实华康威 font 网页字型收费还蛮便宜的,一般方案只要 599 元/年,VIP 一年也不过 999元,而且不限网站、不限PV,非常适合网站设计人员还是追求品质的部落客使用,您也可以线上免费试用30天,满意了再开始购买会员(申请免费试用请点我):
想做出与众不同的网站?快来试试看华康威 font ,相信追求与众不同的您也会喜欢他!
本篇由华康威 font 网页字型邀请分享使用心得
延伸阅读: