Skip to content

Instantly share code, notes, and snippets.

View softmarshmallow's full-sized avatar
putting a dent in the universe

Universe softmarshmallow

putting a dent in the universe
View GitHub Profile
@softmarshmallow
softmarshmallow / google-fonts-list-of-regular-italic-variable-fonts.txt
Created September 4, 2025 22:33
list of VF fonts, that supports real italic
Advent Pro
Afacad
Albert Sans
Alegreya
Aleo
Alumni Sans
Alumni Sans SC
Ancizar Sans
Ancizar Serif
Andada Pro
@softmarshmallow
softmarshmallow / css-border-overflow-outline-demo.html
Last active September 4, 2025 19:05
HTML/CSS demo comparing border with overflow:hidden (child clipped), border with overlapping children (border painted first, children on top), and outline (always painted last on top of content and neighbors).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Border, Overflow and Outline Demos</title>
<style>
body {
background: #ddd;
color: white;
@softmarshmallow
softmarshmallow / css-text-width-computation.html
Last active September 4, 2025 18:25
this demonstrates renders texts "without" rounding hack for its layout width.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Text Width Demo</title>
<style>
body {
font-family: Arial, sans-serif;
font-size: 16px;
@softmarshmallow
softmarshmallow / google-fonts-list-by-supported-subsets.csv
Created September 1, 2025 19:03
google fonts listed in most-subset-supporting order
We can make this file beautiful and searchable if this error is corrected: Unclosed quoted field in line 10.
family,subsets_count,subsets
"Google Sans Code",11,"adlam; canadian-aboriginal; cherokee; latin; latin-ext; math; old-permic; symbols; symbols2; syriac; vietnamese"
"Open Sans",10,"cyrillic; cyrillic-ext; greek; greek-ext; hebrew; latin; latin-ext; math; symbols; vietnamese"
"Cascadia Mono",10,"arabic; braille; cyrillic; cyrillic-ext; greek; hebrew; latin; latin-ext; symbols2; vietnamese"
"Cascadia Code",10,"arabic; braille; cyrillic; cyrillic-ext; greek; hebrew; latin; latin-ext; symbols2; vietnamese"
"Roboto",9,"cyrillic; cyrillic-ext; greek; greek-ext; latin; latin-ext; math; symbols; vietnamese"
"M PLUS Rounded 1c",9,"cyrillic; cyrillic-ext; greek; greek-ext; hebrew; japanese; latin; latin-ext; vietnamese"
"M PLUS 1p",9,"cyrillic; cyrillic-ext; greek; greek-ext; hebrew; japanese; latin; latin-ext; vietnamese"
"LXGW WenKai TC",9,"chinese-traditional; cyrillic; cyrillic-ext; greek; greek-ext; latin; latin-ext; lisu; vietnamese"
"LXGW WenKai Mono TC",9,"chinese-traditional; cyrillic; cyrillic-ext; greek; gre
Roboto Flex Variable Font Analysis
==================================
Total number of variation axes: 13
Raw tag analysis (numeric -> 4-char tag):
1869640570 -> 'opsz'
2003265652 -> 'wght'
1196572996 -> 'GRAD'
2003072104 -> 'wdth'
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Top 100 Smallest Font Files in Google Fonts Repository
============================================================
Rank | Size (bytes) | Size (KB) | File Path
--------------------------------------------------------------------------------
1 | 14800 | 14.5 | fonts/ofl/librebarcode39/LibreBarcode39-Regular.ttf
2 | 15920 | 15.5 | fonts/ofl/redacted/Redacted-Regular.ttf
3 | 17396 | 17.0 | fonts/ofl/librebarcode39extended/LibreBarcode39Extended-Regular.ttf
4 | 19072 | 18.6 | fonts/ofl/squadaone/SquadaOne-Regular.ttf
5 | 19596 | 19.1 | fonts/ofl/allerta/Allerta-Regular.ttf
@softmarshmallow
softmarshmallow / performance.now.html
Created June 24, 2025 08:59
frame budget - performance.now.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Scheduler with performance.now()</title>
</head>
<body>
<h1>Running units of work per frame…</h1>
@softmarshmallow
softmarshmallow / raf.html
Created June 24, 2025 08:56
raf.html - measure fps with raf
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>rAF Hz Test</title>
</head>
<body>
<h1>Estimated Refresh Rate: <span id="hz">Calculating...</span></h1>