Comments (1)
Might require messing around with the padding-top
etc, a bit like they did for the New York Times.
Onofrei has a formula you can use that is based on the fontβs cap-height (the height of the capital letter, measured from the bottom to the top):
font-size * (line-height β cap-height) / 2
.
![Screenshot 2023-11-30 at 17 29 19](https://private-user-images.githubusercontent.com/1176875/287018699-a791d9cf-7145-4b5b-b6f3-d848da60787c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMzIxNjEsIm5iZiI6MTcyMTIzMTg2MSwicGF0aCI6Ii8xMTc2ODc1LzI4NzAxODY5OS1hNzkxZDljZi03MTQ1LTRiNWItYjZmMy1kODQ4ZGE2MDc4N2MucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTdUMTU1NzQxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWI4NTEzNGJiMGJjMWRiOTE3ZjE2ZjYzMjUwYjU4OTUzODljNWVjNGE2MDcwNWI2MGNhYzQ5NDJkMTVjM2I3ZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.MLcl3WVkDVayNWz4u3s7KmjLttrxKFF7Hw54C9v3bx4)
from print-first-css.
Related Issues (20)
- `body` styles trump `:root` in Anki's cards
- CSS layers `@layer`
- Everything Pandoc Markdown can do
- Writing styleguide: Footnotes get harder to manage the bigger the document
- Remove colours from inline css HOT 2
- Fix messy build
- CSS is NOT a programming language
- Writing Styleguide: Accessibility
- Problems with Pandoc's Skylighting
- A visited link HOT 1
- Make a few minor changes and simplify
- `x-height` problems with `system-ui` and `ui-monospace`
- Should `--font-size-p` be `font-size-l`?
- Revisit some (basic) CSS styleguides
- `@media print` vs `@page`: which one to use and when?
- The trend for massive `font-size` (`@media screen`)
- Typography tokens, re-evaluating `--css-variables`
- Some styles are currently redundant
- `.numberLines` are not working at the moment
- Go over all old issues and close or fix them
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from print-first-css.