How to Build Fast Korean Web Pages Using System Fonts Instead of Web Fonts

·1 views

Korean web fonts are significantly heavier than English ones, requiring thousands of characters and causing performance issues like text rendering delays and layout shifts on slower connections. A developer on DEV Community has published a curated set of CSS font stacks that rely entirely on pre-installed system fonts across Windows, macOS, iOS, and Android. The approach eliminates the need to download any external font files, resulting in instant page loads with no flash of invisible text. The guide covers six design styles, including standard sans-serif, modern geometric, traditional and modern serif, monospace, and handwritten stacks, each with platform-specific fallback logic. The method draws inspiration from modernfontstacks.com and aims to help developers achieve polished Korean typography without sacrificing performance.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

How to Build Codebases That Outlast Team Changes

A software developer who has both inherited and handed off codebases argues that durable systems must communicate intent, not just implementation. The core principle is that naming, architecture, and tests should convey purpose and constraints clearly enough for a newcomer to build an accurate mental model quickly. The author warns that traditional documentation such as comments and README files tends to become outdated and unreliable over time. Instead, the code itself — through meaningful naming and thoughtful structure — is considered the only consistently truthful form of documentation. The piece was originally published on ysndmr.com and later shared on DEV Community.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Design Tokens Should Express Intent, Not Raw Values, Argues Developer

A developer argues that design tokens are fundamentally misunderstood when teams treat them as simple CSS variables. The core mistake occurs when tools like Figma generate tokens that map directly to raw values, such as --color-blue-500, rather than semantic decisions. A true design token answers the question of purpose — for example, --color-accent — rather than describing a specific value. This semantic layer allows the underlying implementation to change without breaking the token's meaning. The author contends that confusing primitives with tokens produces design systems that fail both designers and developers.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

M-vis v0.5.0-rc1 Adds GitHub Actions Integration for Heap Monitoring in CI/CD

M-vis, an open-source memory monitoring tool, has released version 0.5.0-rc1 with a new CI/CD mode that allows developers to embed heap monitoring and leak detection directly into GitHub Actions workflows. The update ships a reusable GitHub Action that automatically downloads the correct binary for Linux, Windows, or macOS runners and can attach to a process by PID, fuzzy name match, or by spawning it directly. Users can configure thresholds such as maximum RSS memory and leak-check flags, with the step failing automatically if either condition is triggered. The release also improves the terminal UI with keyboard-driven process selection and enhances Linux heap analysis via /proc/maps with optimized diff algorithms for large heaps. A known issue exists on macOS runners where the action may hang during smoke tests due to process inspection entitlements still being hardened for CI environments.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

JSON Formatter vs Validator: Key Differences Every Developer Should Know

JSON Formatters and JSON Validators are two distinct developer tools that are often confused with one another. A JSON Formatter takes syntactically valid JSON and restructures it with proper indentation and line breaks to improve human readability, without altering the underlying data. A JSON Validator, on the other hand, checks whether a JSON string conforms to the JSON specification and flags syntax errors such as trailing commas or unquoted keys. Many modern developer tools combine both functions, first validating the JSON and then formatting it if no errors are found. Using both tools together helps developers catch errors faster and work more efficiently with APIs and configuration files.

0 comments Read more at DEV Community