Typecast(在录制时处于测试阶段)是一个非常棒的网页应用,用于玩转网页排版。它提供了一个很棒的界面,让你可以轻松体验排版的基础知识,例如标题和正文的样式。真正的基础:大小、行高、颜色,所有这些东西。
Typecast 真正酷的地方在于,你可以在其中使用各种自定义字体。到目前为止,我们在项目中使用了 Typekit,所有这些字体都可用。但它们不仅仅提供 Typekit 字体,还提供来自 FontDeck、Fonts.com 等的字体。
当需要部署时,你需要自己设置这些字体,但你可以在 Typecast 中随意玩弄它们。
我们尝试使用基线网格,我分享了一些关于它的想法。我们还尝试了几个不同的标题字体、正文字体和一些有趣的字体。
嘿,Chris,这里标题和描述的视频错了。可能是搞错了?
刷新一下,应该没问题了。
嗯,我不确定基线网格。我的意思是,就像你提到的那样,如果你有额外的内容,比如图片等,它会打乱基线。但是!由于读者很可能一直在滚动并浏览这些图片,我假设 99.99% 的人永远不会注意到轻微的偏移。
实际上,我认为对于大块不间断的文本来说,基线网格在可读性方面会很有用,但在通常的博客文章/网站环境中,这些环境很可能散布着图片和其他元素,我对此并不感冒。
另一方面,Typecast 看起来非常适合用来玩转排版。有没有办法获取你在其中输入的文本的 PNG 版本?这对于概念设计/原型设计可能很方便,因为你通常无法在设计阶段将 Typekit 字体(例如)导入 Photoshop。
我以为现在有一个 Typekit/Photoshop 集成?也许没有?我敢打赌他们在合并后正在开发一些东西。
很遗憾,没有——我看到他们在他们的博客上记录了许多支持问题和评论,但一直都是“我们正在探索这个”而不是任何确切的东西。
我知道 Fontshop 有一个——看起来很酷,但 Typekit 对网页开发来说是一个更好的选择。唉,我将继续等待 :(
它在 Adobe Muse 中实现了……
查看 baseline.js,我一直在我在开发的一个版本中使用它,它非常酷。完全符合你的预期,并且也适用于 max-width 100%。你为它提供一个必须遵循的特定基线,然后它会进行调整。它甚至允许你指定一个断点,以便在你的行高在某个点发生变化时更改基线。
这可能看起来有点疯狂,但它确实增加了网站的整体效果。再说一次,取决于网站,它可能没有那么重要。
太棒了!谢谢,Chris!!
这看起来非常适合艺术设计的博客和完整的 Typekit 账户!喜欢它……
自从他们的测试版发布以来,我一直在玩 Typecast,不得不说,它们提供的预览控制比 Typekit 好得多……毫无疑问。我仍然喜欢 Mark Boulton 的想法,即排版在外观设计之前。这样你就可以专注于排版,而不会受到其他干扰。
内容 > 排版 > 布局 > 外观和颜色
或者
内容 > 布局 > 排版 > 外观和颜色
现在,多个操作系统上安装了许多漂亮的原生字体(Windows 有一些不错的字体),因此没有理由不首先认真考虑你的原生备用字体。我无法告诉你我见过多少次 Typekit 宕机并丢失我的字体。我们可以肯定地说,95% 的网络是排版,因此额外花一个小时专注于原生备用字体并非毫无用处。
原生 iOS 字体
http://iosfonts.com
让网络更快:Google 网页字体——打造美丽、快速的网页!
Google 的“让网络更快”视频,关于字体服务的视频,值得所有人观看。
http://www.youtube.com/watch?v=sqesm0euf9M
网页字体奖
http://www.webfontawards.com
很酷的提示。我记得几个月前听说过这个应用。
作为替代方案,我发现自己一直在玩弄Gridlover,它是一个类似的小应用,尽管其功能集与 Typecast 相比略显不足(即你无法在他们的页面上使用自定义字体,至少目前还没有)。不过,Gridlover 的一个好处是无需注册即可使用。你只需进入并玩弄页面上的设置,直到得到一个看起来不错且有效的东西,它就会为你输出必要的 CSS。你甚至可以将 Markdown 文件拖放到页面上用作示例内容。
蓝色那个滚开!