ET-Jekyll: Edward Tufte-inspired Jekyll theme(et-jekyll.netlify.app)
et-jekyll.netlify.app
ET-Jekyll: Edward Tufte-inspired Jekyll theme
https://et-jekyll.netlify.app/
8 comments
These custom fonts that people use are so unnecessary... Just let me use my browsers' default!
ET Book, the font used on the page, is free and open-source:
https://edwardtufte.github.io/et-book/
Modern browsers also have preferences to switch off web fonts.
https://edwardtufte.github.io/et-book/
Modern browsers also have preferences to switch off web fonts.
The main downside of custom web fonts isn’t the licensing but having to download those fonts to render the page. There are ways to optimize font loading [1] but it can still lead to delay in rendering or font swaps.
It looks like ET-Tufte has already considered and tried to mitigate this downside. [2]
[1]: https://web.dev/optimize-webfont-loading/
[2]: https://et-jekyll.netlify.app/et-jekyll-theme/#performance
It looks like ET-Tufte has already considered and tried to mitigate this downside. [2]
[1]: https://web.dev/optimize-webfont-loading/
[2]: https://et-jekyll.netlify.app/et-jekyll-theme/#performance
Licensing is a issue[0] in commercial fonts, though.
[0]https://twitter.com/typographica/status/1395769805542547461?...
[0]https://twitter.com/typographica/status/1395769805542547461?...
> Just let me use my browsers' default!
Just disable fonts in the browser settings then.
Just disable fonts in the browser settings then.
I think it’s beautiful. It’s all subjective and they strived to add beautiful typography to this theme.
It is only natural to include a font which was commissioned by original author.
Beautiful theme. Also happy to see Jekyll here.
If only for unique lI1, Johnston is a better choice than Gill Sans for a body copy sans serif font. (Tufte’s preferences notwithstanding)
nice, what about dark mode?
I have an Edward Tufte Jekyll theme with dark mode here: https://ibrahimsaberi.com/, not the same as this one but hopefully similar enough
Maybe it's less obvious on desktop - but I had to look around a bit to find the source for the theme:
https://github.com/GeorgeIpsum/tufte-jekyll
https://github.com/GeorgeIpsum/tufte-jekyll
I don't think this source contains the dark mode toggle. He's made only two of his own commits to this fork, and neither relate to that functionality. Would be nice to have! Looks great.
Somehow, serif fonts look wrong on a dark background. Could it be my association of dark backgrounds with terminals?
impressive
Good call! Will add it to my TODO list
Seconding this, dark mode would make it perfect. Great work otherwise though
This have antialiasing on, while Tufte CSS doesn’t, making the text little less “bold” on my Mac. I prefer the antialiasing: auto one (browser on the right)
https://i.imgur.com/qEkfG06.png
https://i.imgur.com/qEkfG06.png
The line-height and viewport padding are very pleasant on mobile. I will definitely take some inspiration from this on my own sites.
Mild disappointment at how the demo page has been minified info a single gigantic line so there's no easy way to View Source and see how certain things are done. I miss the days when that was the norm.
Mild disappointment at how the demo page has been minified info a single gigantic line so there's no easy way to View Source and see how certain things are done. I miss the days when that was the norm.
> Mild disappointment at how the demo page has been minified info a single gigantic line so there's no easy way to View Source and see how certain things are done.
Have you tried the Inspector, rather than View Source? That (re)formats the code.
Have you tried the Inspector, rather than View Source? That (re)formats the code.
Anyone know of something like this for Hugo?
The closest I found are:
1) Etch https://github.com/LukasJoswiak/etch
2) Even https://github.com/olOwOlo/hugo-theme-even
I’d very much appreciate any other relevant Hugo themes though!
1) Etch https://github.com/LukasJoswiak/etch
2) Even https://github.com/olOwOlo/hugo-theme-even
I’d very much appreciate any other relevant Hugo themes though!
Maybe this one: https://github.com/shawnohare/hugo-tufte or this one: https://github.com/alanorth/hugo-theme-tufte-css