用户体验现在在许多工作中是最重要的。 设计师们必须把用户体验放在首位。 如果你尝试过把你的板面调整到最容易阅读的状态,你知道有多烦躁。 但是,懒惰者总是创造新技术。 国外的开发人员给我们带来了方便的工具,帮助我们设计今天要说的网络排版和字体等属性。
type anything日前在海外媒体网站上刊登,好评如潮。 这是一个非常方便的在线工具,功能设计简单,主要提供了包含h1、h2标题和文字的文章模板。 用户可以通过快速按钮在字体、字符大小、行高、字符重量、边缘等相关属性之间切换来预览效果。
调整到最舒适的合成后,可以一键将css程序代码的输出应用到自己的网站。
步骤1
打开type anything后,左侧是调整工具,右侧是默认的文章模板。 也可以复制和粘贴自己的文章。 通过此联机服务进行合成调整后,可以从web浏览器实时查看效果。
步骤2
与普通文本编辑器类似。 选择文本段落可以切换到h1、h2或h3标题,并添加粗体、斜体或下划线效果。 设置标题和文章的位置,然后使用左侧编辑样式。
步骤3
type anything可以切换调整不同的字体组合,输入字体名称就可以实时搜索google fonts中收录的免费字体。 但是,由于这里目前无法使用中文字体,所以可以选择其中一种字体,最后导出css后再进行细节修正。 免费的中文网络字体服务如下。
步骤4
从type anything左侧的工具栏中,细化合成,包括字体大小、字重、行高、透明度、上距离、下距离、字间距和全部以大小写显示的设置。
最后,单击右上角的获取代码将生成刚才的合成的css样式表。 在那之后,你应该知道该怎么办。 此外,type anything还加载谷歌字体提供的web字体。 如果使用中文字体,可以适当调整。