Monica Dinculescu
meowni.ca · Personal blog · on HN since 2015
Monica Dinculescu, a Chrome engineer, writes about web components, fonts, emoji, CSS and machine learning, often with otter examples.
What HN saysHN commenters link her font style matcher for matching fallback fonts, her pixel emoji font, and her Shadow Parts explainer, and list her among favorite personal blogs.
42HN people shared it
9linked it in comments
38stories submitted
2.1Kstory points
4 years agolast shared
2015people per year2026
Most-shared posts
- 1Font style matcher6 people · 9 points · first shared 2016 · 1 comments on HN
- 2Emoji: how do you render U+1F355?4 people · 119 points · first shared 2016 · 51 comments on HN
- 3An intro to web components with otters4 people · 7 points · first shared 2017 · discussion on HN
- 4Web fonts, boy, I don't know3 people · 766 points · first shared 2016 · 323 comments on HN
- 5Why Chromium has code owners3 people · 98 points · first shared 2015 · 9 comments on HN
- 6An intro to Reinforcement Learning (with otters)2 people · 22 points · first shared 2018 · 1 comments on HN
- 7To_emoji – a Twitter bot that translates tweets to emoji2 people · 3 points · first shared 2015 · discussion on HN
- 8Doing the Work2 people · 2 points · first shared 2021 · discussion on HN
- 9Ruby for Canadians: An Instruction Manual2 people · 2 points · first shared 2018 · discussion on HN
- 10Homepage2 people · first shared 2015
- 11A story about <input>1 people · 693 points · first shared 2015 · 181 comments on HN
- 12Metronomes in JavaScript1 people · 205 points · first shared 2019 · 39 comments on HN
- 13Contributing to Chromium: An Illustrated Guide1 people · 145 points · first shared 2015 · 14 comments on HN
- 14Polymer Cheat Sheet1 people · 4 points · first shared 2016 · discussion on HN
- 15Automatic visual diffing with Puppeteer1 people · 2 points · first shared 2018 · discussion on HN
What HN people wrote when they linked it
ZeroGravitas · 2023-03-15
https://meowni.ca/font-style-matcher/
Is a tool that lets you play around to discover good fallback settings.
app4soft · 2022-01-14
TL;DR: This is pixel emoji font:
> 166 emoji in total, 12x12px each, in one of six colors
> If you want to use it, you can download the font here[TTF], and use it as a `font-face`:
@font-face
{
font-family: og-emoji;
src: url(/fonts/og-dcm-emoji.ttf);
}
.og
{
font-family: og-emoji, sans-serif;
}
<span class='og'>
{emoji_character}</span>
> If you’re going to use it, maybe give me some credit, because I spent an unhealthy amount of time on it
[TTF] https://meowni.ca/fonts/og-dcm-emoji.ttf
dragonshed · 2020-12-04
On multiple projects I've used a tool [1] to closely match a built-in font to a web font in order to present content faster and avoid avoid FOUC (Flash of Unstyled Content/Text). In one case, I replaced webfonts entirely with native platform fonts, purely for speed.
With this approach you can be more practical with your goals. If the design cannot be compromised, you can still get to initial paint quickly and let the WOFF files load in as needed.
Edit: If anyone is looking for more information about this, the post [2] from this tool's author from 2016 does a good job of discussing the tradeoffs.
[1] https://github.com/notwaldorf/font-style-matcher
[2] https://meowni.ca/posts/web-fonts/
jppope · 2020-05-31
spankalee · 2018-05-28
CSS Shadow Parts, aka ::part and ::theme is the answer there: https://meowni.ca/posts/part-theme-explainer/
rhodesjason · 2017-09-04
FWIW a google search on that quote shows it was from Monica Dinculescu, if you don't mind updating that attribution. Thanks!
https://meowni.ca/posts/web-components-with-otters/
Artemis2 · 2017-07-07
This post explains the use of OWNERS by the Chromium project, which inspired this GitHub feature: https://meowni.ca/posts/chromium-owners/
as1ndu · 2015-09-25