S!

Then, visit any page and click the bookmark.

Full, uncompressed source

makeElem = () => document.createElement('span');

makeSymbol = word => (
  makeMono(''),
  word.split('').map((letter, i) => (
    lettercontainer = makeElem(),
    xdelta = i%2,
    ydelta = (i/2|0)%2,
    lettercontainer.setAttribute('style',`position:absolute;text-align:center;clip:rect(${0.6*ydelta}em,${0.3*(xdelta+1)}em,${0.6*(ydelta+1)}em,${0.3*xdelta}em);transform:scale(1.2)`),
    lettercontainer.innerText = letter,
    monocontainer.prepend(lettercontainer)
  )),
  monocontainer.title = word,
  monocontainer
);

makeMono = smallText => (
  monocontainer = makeElem(),
  monocontainer.innerText = '\u2003',
  monocontainer.setAttribute('style','position:relative'),
  innercontainer = makeElem(),
  innercontainer.setAttribute('style','position:absolute;text-align:center;transform:scale(1.2)'),
  innercontainer.innerText = smallText,
  monocontainer.prepend(innercontainer),
  monocontainer.X=1,
  monocontainer
);

createReplacement = string => (
  outer = makeElem(),
  string.split(/([^a-zA-Z])/).map((word, index)=>
    outer.appendChild(word.trim().length>0?(index%2==0?makeSymbol(word):makeMono(word)):(monocontainer = document.createTextNode(word),monocontainer))
  ), outer
);
(traverseReplace = (startNode) =>
  [...startNode.childNodes].map((child)=>
    child.nodeType == child.TEXT_NODE ?
    startNode.replaceChild(createReplacement(child.nodeValue), child)
    : child.tagName == "STYLE" || child.tagName == "SCRIPT" || child.X || traverseReplace(child)
  )
)(document.body);