https://xmlexpr.blogspot.com/2025/10/filtering-posts-in-blogger-blog-widget.html
https://xmlexpr.blogspot.com/2025/10/filtering-posts-in-blogger-blog-widget.html?max-results=20
https://xmlexpr.blogspot.com/
user_r100
https://www.blogger.com/profile/09729361485633901245
//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizihHpchmJoGeEVuJGCATZpHw9BgxolQLkV-Mw0hXTuIjdZQ8e_AeFQZdY6r5UrGWerl4b3Qx4aYsVx2w9y474FJvlyZDZiNcCLLNNQly7M3NZ8Xz1g2dsxQh3yuQJln2e6JTJtzci506US-j64gEDelPT-QYo7_TFH1kTp6AapPzrZQ/s220/channels4_profile.jpg
6442046225359079051
https://xmlexpr.blogspot.com/2025/10/weekly-blog-design-003.html
Weekly Blog Design - Fonts
October 12, 2025
2025
October
12
12:13 AM
Where to start designing your blog post fonts for better readability?
Let's start with the base font size for the content of a blog post. I think starting from 1.1rem is safe for readbility on both desktop and mobile screen. Not too small, not too large. Then, we can start improving from there.
Fonts for Headings
Upon inspecting the page on the Android Developers Blog, I see that they're applying different font for the headings. But why?
h2, h3 {
font-family: Google Sans, Noto Sans, Android Euclid, Roboto, sans-serif;
font-weight: 500;
}
body {
font-family: Roboto, sans-serif;
font-weight: 400;
} |
| Different font family for headings. |
I think, letter spacing and letter width is the reason.
I tried to achieve the same readbility level by applying the body font to the headings and adjusting the letter spacing. It looks off proportionally, and it's definitely lacking in letter width.
https://www.blogger.com/rpc_relay.html https://www.blogger.com/comment/frame/220561901913020919?po=6442046225359079051&hl=en&saa=85391&origin=https://xmlexpr.blogspot.com&skin=contempo https://xmlexpr.blogspot.com/2025/10/weekly-blog-design-003.html#comments true
https://xmlexpr.blogspot.com/search/label/weekly-blog-design
weekly-blog-design
https://xmlexpr.blogspot.com/2025/10/filtering-posts-in-blogger-blog-widget.html
https://xmlexpr.blogspot.com/