Typeset.js – A typographic pre-processor for HTML

Is small cap conversion done for every word that's written in all capitals? The convention that I'm familiar with (I think from The Elements of Typographical Style) is to only set acronyms - that is, pronounceable initialisms like "NASA" or "PETA" - in small caps. All other initialisms like FBI or USA are set as normal-sized caps. I think the reasoning is that small caps are there to preserve the capitals but not disturb the flow of the text, since it's read as a word just like the words around it. Full caps do disturb the flow of the text because they are not words and not pronounced as words either.

dmerfield• 11 years ago

Any word in all-caps is 'converted' to small-caps. This behaviour can be changed, or even disabled, by setting a flag in the options object before processing. I prefer to keep all-caps out of my body text.

buymorechuck• 11 years ago

Back at Flipboard, for our RSS typography processing, we used a rule of thumb that all-capped words 3 letters or longer would get small-caps treatment. It worked pretty well.

chrisfosterelli2• 11 years ago

This is great! I wish there was an easy way to incorporate this into Jekyll blogs.

nthnclrk• 11 years ago

Could it not be managed in a Grunt task?

chrisfosterelli2• 11 years ago

I suppose you could write a grunt or gulp task to parse all of the files after jekyll has generated them and run them through typeset. It might be slightly challenging to ensure that only the actual article content gets ran through typeset and not any other content.

Unfortunately, I use Github pages so this wouldn't work for that from what I can tell.

juriansluiman• 11 years ago

I have used a similar tool [1] some time ago in PHP. The project hasn't been kept updated, but the idea of processing text/HTML and converting the right entities is pretty neat. At least the readability improves massively.

This project Typeset.js is slightly different as it adds additional markup and styles. For me, converting here's to here’s was enough for me back then.

[1] https://github.com/scoates/lexentity

Damin0u• 11 years ago

For PHP you can have a look at JoliTypo [1], much more up to date, tested, working for any style guide and using a real parser.

[1] https://github.com/jolicode/jolitypo

Disclaimer: I'm the author, and I've tested them all.

Typeset.js – A ty­po­graphic pre-proces­sor for HTML

Related Stories

Typeset.js – A typographic pre-processor for HTML