首页 > 编程知识 正文

在线网页编辑器,前端代码生成器

时间:2023-05-03 19:35:18 阅读:142926 作者:1327

用户体验现在在许多工作中是最重要的。 设计师们必须把用户体验放在首位。 如果你尝试过把你的板面调整到最容易阅读的状态,你知道有多烦躁。 但是,懒惰者总是创造新技术。 国外的开发人员给我们带来了方便的工具,帮助我们设计今天要说的网络排版和字体等属性。

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字体。 如果使用中文字体,可以适当调整。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。