Bold The First Few Characters Of Words In A Sentence (Bionic Reading) – FocalAnchors

10X your reading speed with this simple JavaScript library.

A JavaScript library that makes the first few characters of words in a sentence bold to improve readability.

Inspired by the Bionic Reading concept, which revises texts so that the most concise parts of words are highlighted.

How to use it:

1. Load the minified version of the FocalAnchors library.

<script src="../focal-anchors.js" defer></script>

2. Initialize the FocalAnchors to the target element.

<p id="demo">
  ...
</p>

focalAnchors.toggleAnchors('demo');

3. Apply more styles to the focal anchors.

b.focal-anchor {
  color: #111;
}

Changelog:

05/25/2022

• fix issue with containers having double anchors

See Also:

• Enhance Text Readability with Typography Inspired by Bionic Reading