Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Question: Determining the font metrics without referencing to capsize website

See original GitHub issue

Hi,

First of all amazing work! Now I can sleep in peace knowing that my paragraph is being spaced properly.

I have a question about determining the font metrics used by capsize, is it possible to obtain those without going through the website? I’ve tried comparing the metrics on capsize website and metrics generated by this tool, but it’s vastly different. (am I missing something crucial here?)

Cheers

Issue Analytics

State:
Created 3 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

DylanVanncommented, Sep 22, 2020

You can use https://github.com/seek-oss/capsize/blob/master/packages/capsize/src/metrics.ts.

Compiled JS for it is not published at the moment though, it’s imported directly on the website: https://github.com/seek-oss/capsize/blob/7a8e14f33d2151f292744cd9ea82215168b6f5cc/site/src/components/FontSelector/GoogleFontSelector.tsx#L3

0reactions

Namcheecommented, Sep 23, 2020

Since I need metrics for system font-stack, I’ll move the discussion to #23

Top Results From Across the Web

Question: System fonts? · Issue #23 · seek-oss/capsize - GitHub

I have been compiling a list of metrics for system fonts and was hoping to add a new System tab to the font...

Advanced web font optimization techniques - Pixel Point

Though it takes time to find the right combination of metrics, it can solve the issue. Using Capsize. Capsize is a library that...

awt - Java - FontMetrics without Graphics - Stack Overflow

No you do not necessarily need to get/use the graphics object: Font font = new Font("Helvetica",Font.PLAIN,12); Canvas c = new Canvas(); FontMetrics fm...

Capsize

Capsize makes the sizing and layout of text as predictable as every other element on the screen. Using font metadata, text can now...

Leading-Trim: The Future of Digital Typesetting | by Ethan Wang

To understand how this became a problem, specifically on the web, ... Leading-trim works by browsers accessing the font metrics to find, ...