24个用于印刷Web设计的Javascript 的CSS库

字体是影响内容可读性的主要因素 因此,在网页设计过程中应优先注意它。在这篇文章中,我们整理了一个清单 Javascript和CSS库 这将帮助您建立美观和用户友好的字体设计 适用于网络和移动.

版式.js

它提供了一种非常简单的方法来定义和探索字体设计。您为Typography.js JS api提供配置,它使用其Typography引擎为块和内联元素生成CSS。它使创建项目的独特,个性化和自定义设计变得容易。

版式.js

适合度

放大或缩小文本,使其完全适合其父容器。灵活,响应迅速的网站的理想选择。

适合度

分裂

这是一个JavaScript微库,其中包含一些小型内置插件,这些插件旨在以多种方式分割元素,例如单词,字符,子节点等等!拆分库不处理任何动画,但是为您提供创建动画所需的元素和工具&使用JavaScript动画库或仅CSS!进行过渡。

分裂

吸墨纸

在将效果应用于网络上的文本时,传统上,设计师只能使用CSS提供的效果。在大多数情况下,这是完全合适的–文字对吗?但是,仍然存在无数设计师结合CSS属性或gif和图像来创建让人联想起更多趣味的效果的示例。正是在这里,Blotter存在以提供替代方案。

吸墨纸

可读的

可读的是一个小型jQuery插件,可帮助您使段落更易读。它在每个第45至75个字符之间注入样式<p>标签在您的页面上。这为您提供视觉参考,以告诉您是否需要对字体大小或内容宽度等进行调整。

可读的

字体观察者

它使您可以使用基于简单的Promise的界面来控制Web字体加载。字体的来源无关紧要:自己托管它们,或使用网络字体服务,例如Google 字型,Typekit,Fonts.com和Webtype。

字体观察者

Type.js

它将新的类型属性添加到CSS中,从而为您提供了在Web上键入所需的控件。您可以在CSS中编写这些属性,它们将像其他任何属性一样工作。

type.js

排字

这是用于Web排版的html预处理器。它不使用客户端JavaScript,而是为您提供悬挂标点,软连字符插入,光学余量突出,小型大写转换和标点替换。

排字

古腾堡

它是面向Web设计人员和开发人员的灵活且易于使用的Web版式入门工具包。这是迈向更好的网络排版的一小步。可以通过设置基本字体大小,行高(行距)和小节(最大宽度)来制作漂亮的印刷样式。

古腾堡

Underline.js

一个旨在完成一项简单工作的javascript库:绘制并设置最完美,最有趣的文本下划线动画。

underline.js

Lining.js

一个易于使用的javascript插件为您提供了完整的DOWN-TO-THE-LINE控制,可用于激进的Web排版。

衬垫

CircleType

这是一个很小的JavaScript库,可让您在网络上弯曲文字。

CircleType

Opentype.js

它是TrueType和OpenType字体的JavaScript解析器和编写器。它使您可以从浏览器或node.js访问文本的字母形式。

opentype.js

实用程序OpenType

用于高级印刷功能的简单CSS实用程序类。

实用程序OpenType

Typr.js

它是用于处理字体(TTF,OTF)的Javascript解析器和实用程序。它是opentype.js的替代方法。它是Photopea图像编辑器的主要文本引擎。

Typr.js

连字符

它是一个免费的开放源代码Javascript库,可自动在网站上对文本进行连字。它可以方便地用作传统浏览器的polyfill’完全不支持CSS 3连字,也不支持进行连字但不为特定语言提供连字字典的现代浏览器。

连字符

variableFont

使用可变字体的JavaScript库。扩展了opentype.js的功能。您还必须安装opentype.js才能使用此库。

variableFont

开源webfont服务。在互联网时代,我们’我发现自己陷入了另一场印刷大战。为了加快加载时间,我们’ve压缩字体,一路走来,’失去了其他媒体中许多版式的质量。让’改变这一点。 砖提供的字体是原始字体的克隆,无需修改即可转换为WOFF格式,以实现高质量渲染并在所有现代浏览器中快速加载。

砖

射频信号

射频信号(响应字体大小的缩写)是一种算法,可根据浏览器视口的尺寸自动计算适当的字体大小。

射频信号

MathJax

适用于所有浏览器的数学JavaScript显示引擎。没有更多设置供读者使用。它就是有效的。

MathJax

反应原生字体

在React Native中创建出色的文本样式不是一件容易的事,它需要大量摆弄和处理边缘情况。该库提供了一组很好的默认值和帮助程序,它们涵盖了您遇到的大多数情况’我们需要使您的代码更简单,并且在iOS,Android和Web上呈现出色的效果。

反应原生字体

ShevyJS

可配置的垂直节奏&CSS-in-JS中的版式。

ShevyJS

瓶盖高度

计算使用Web字体加载程序加载的字体的字体高度。

瓶盖高度

悬挂标点

将来,hanging-标点符号属性应成为CSS的一部分,但尚无浏览器支持。同时,此Stylefill通过完全相同的CSS来填充缺少的功能。

悬挂标点

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.