Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Font sizing rework #2896

Merged
merged 9 commits into from
Apr 18, 2024
Merged

Font sizing rework #2896

merged 9 commits into from
Apr 18, 2024

Conversation

fonsp
Copy link
Owner

@fonsp fonsp commented Apr 17, 2024

We use the font Alegreya Sans for paragraphs in cell output (like Markdown text), but this typeface is scaled small relative to most typefaces, including the fallback fonts: "Trebuchet MS", sans-serif.

This means that text appears disproportionally big while Alegreya is loading, or when the font did not load at all. It also makes relative sizing less intuitive: 1rem is quite a lot bigger than the main text.

Before

Here I am switching the Alegreya font on an off, to see the difference with the fallback fonts:

Schermopname.2024-04-17.om.22.40.26.mov

After

Schermopname.2024-04-17.om.22.39.41.mov

@fonsp fonsp added the frontend Concerning the HTML editor label Apr 17, 2024
Copy link
Contributor

Try this Pull Request!

Open Julia and type:

julia> import Pkg
julia> Pkg.activate(temp=true)
julia> Pkg.add(url="https://github.com/fonsp/Pluto.jl", rev="font-stack-rework")
julia> using Pluto

@fonsp fonsp mentioned this pull request Apr 17, 2024
4 tasks
@fonsp fonsp merged commit de74d18 into main Apr 18, 2024
2 checks passed
@fonsp fonsp deleted the font-stack-rework branch April 18, 2024 11:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Concerning the HTML editor
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant