支持网页快速排版 CSS代码一键生成的在线设计工具
用户体验现在作为很多工作的重中之重,设计师们更要把用户体验放在第一位,如果你曾经尝试过想把你的板面调整到最适合阅读的状态,就会知道多么令人抓狂。但是懒人总是会创造出新科技,国外开发者为我们带来了今天要讲的协助设计网页排版及字型等相关属性的便利工具。
Type Anything 前段时间登上国外媒体网站后深获好评,这是一项非常方便的在线工具,功能设计很简单,主要提供一段文章模板(里头包含 H1、H2 标题和文字),用户透过快速按钮来切换字型、文字大小、行高、字重、边缘等相关属性,预览效果。
当调整到你觉得最舒服的排版后,一键将 CSS 程序代码输出就能套用至自己网站。
Type AnythingSTEP 1
开启 Type Anything 后,左侧是调整工具,右侧为默认的文章模板,你也可以把自己的文章复制贴上,透过这项在线服务来进行排版调整,从网页浏览器上实时看到效果。
STEP 2
它跟一般的文本编辑器有点相似,选取文字段落后可将它切换为 H1、H2 或 H3 标题,或加入粗体、斜体及底线效果,在设定完标题及内文位置后,利用左侧来进行样式编辑。
STEP 3
Type Anything 能切换调整不同的字型组合,输入字型名称就能实时搜寻 Google Fonts 里收录的免费字型,不过这里目前还无法使用中文字型,因此你可以先选择任一字型,最后导出 CSS 后再进行细部修改。提供免费的中文网页字型服务包括:
STEP 4
从 Type Anything 左侧工具栏来进行排版的细节调整,包括字号、字重、行高、透明杜、顶部距离、底部距离、字距和全部显示为大写小写等设定值。
最后,点选右上角的「Get the Code」就会产生刚才的排版 CSS 样式表单,之后应该知道该怎么做了吧?此外,Type Anything 会加载由 Google Fonts 提供的网页字型,若你是使用中文字型,可以将它做适当调整。
相关文章
- 本工具将需要进行排版的文字,贴进来,然后点击一键排版处理即可,欢迎下载使用2017-05-25
拾柒(多平台记录一键排版) for Android v5.0.1 安卓版
拾柒安卓版是一款拾柒网络技术(北京)有限公司全力构建的文化生活服务工具。在这里你可一键导入不同平台的文字,可随手记录自己的日常,你的私人文字管家,喜欢的用户快来下2020-05-04MyEditor(一键排版助手) v1.55 中文绿色免费版
MyEditor是一款非常简单易用的专为办公人员打造的一键排版软件,免去了手工排版带来的麻烦,可以让文章更加地规范整理2016-05-25- 一键排版是一款非常实用的排版工具,主要功能可帮助用户告别繁琐的操作实现一键快速排版,同时支持对文字各项的编辑操作,非常的实用便捷2014-12-28
宇轩一键排版精灵(自动排版/冒号分段/字数统计等) V1.2 免费绿色版
一键排版精灵V1.0是一款真正一键排版、功能丰富,主要功能是自动排版,添加空行,冒号分段,删除空行,替换英文标点,字数统计2019-11-05
最新评论