John Cox

Blogs · @wyome

Tagged font · everything

PaymentFont — A sleek Payment Webfont

I've been asked to write a summary of a saved article, but what I've received appears to be an extremely long, comprehensive Hungarian-language guide to online casinos in Hungary. This is not an article—it's a detailed reference document with extensive information about licensed casinos, game types, payment methods, regulations, strategies, and responsible gambling resources. This reads like web content or a guide compiled from multiple sections rather than a discrete article worth summarizing. If you intended to save an actual article discussing a specific topic (such as Hungarian gambling regulations, a casino review, or a news story about the online gambling market), I'd be happy to summarize that instead. Please share the actual article you'd like summarized, and I'll provide a concise two to three-sentence summary explaining what it argues or reports.

Permalink

Font-To-Width

Font‑To‑Width is a script that fits text into containers by selecting appropriate width and weight variants from large type families rather than scaling font size, with fine-tuning through letter and word spacing adjustments. The tool differs from similar solutions like FitText.js by prioritizing typographic variations over size changes, making it useful for display typography and responsive design. The authors demonstrate the concept using the six-width Panorama font family applied to a shuffleboard scoreboard layout.

Permalink

Stuttgart Gothic Demo font

Stuttgart Gothic is a free blackletter font by Ragnarok Press featuring sharply cut, densely weighted letterforms inspired by medieval manuscript calligraphy, with forked tips and diamond shapes that create dramatic formal impact. Its angular, heavily ornamented character makes it particularly suited for dark fantasy and medieval applications like tabletop RPG branding, heavy metal merchandise, and gothic architecture-themed graphics. On book covers and magazine layouts, the typeface functions as a design element rather than neutral text, echoing engraved ornaments and illuminated borders from historical manuscripts.

Permalink

Stop Using Arial & Helvetica

This piece argues that Arial and Helvetica are poor choices for body text on websites despite their ubiquity as defaults, primarily because they lack the readability of typefaces designed specifically for screens and Helvetica requires manual kerning to look good. The author advocates for web-safe alternatives like Verdana, Georgia, and Trebuchet MS that are nearly universally available while offering superior legibility, and recommends additional improvements like using lower contrast text colors (#222-#555 on off-white backgrounds) and optimizing line-height to around 1.5-1.6em for better readability.

Permalink

Ligature Symbols

Ligature kudakurage Symbols is a comprehensive icon font library created by Kazuyuki Motoyama that uses ligature features to map readable text strings to Unicode symbols. The font includes over 300 icons organized into categories covering UI controls (bold, italic, align), media playback, social media logos, navigation arrows, and common web interface elements, each with its own Unicode codepoint and readable ligature name. The font was built using FontForge and is provided with instructions for integration into HTML and CSS projects.

Permalink

Typicons

Typicons is a free, open-source icon library distributed as a webfont that works across web and native applications, offering over 220 icons in both solid and outline styles. The project provides source files in SVG format and minified CSS on Github, allowing developers to either use the icons directly or customize them for their own needs. The webfont approach reduces HTTP requests while maintaining resolution independence and retina display support.

Permalink

Symbolset

Symbolset is a web font system that delivers icons using Unicode characters, allowing designers to call up symbols either through semantic Unicode values or common English terms while keeping the underlying code readable to screen readers and search engines. The icons scale cleanly across any resolution, load efficiently in a single HTTP request, and maintain accessibility by ensuring that assistive technologies encounter meaningful text rather than opaque image files.

Permalink

Font sizing with rem - Snook.ca

The article compares three CSS font-sizing approaches: pixels (px), which offer consistency but prevent text resizing in older IE versions; ems, which allow resizing but create compounding issues in nested elements; and rem units (new in CSS3), which size relative to the root element rather than the parent, eliminating the compounding problem while maintaining resizability in modern browsers. The author recommends rem with px fallbacks as the optimal solution, allowing both accessibility and cross-browser compatibility.

Permalink

20+ examples of beautiful and inspiring fonts | Webdesigner Depot

This is a curated list of 25+ fonts across various styles (vintage, geometric, handwritten, textured, and 3D) with brief descriptions of each font's characteristics and best use cases, ranging from logos and headlines to poster work. The piece emphasizes matching fonts to project needs—whether you need something bold and impactful like Kilogram, clean and professional like Code, or distinctly unique like Paranoid—and reminds users to check licensing before commercial use. It's a practical reference guide rather than a deep dive, offering quick visual examples and styling tips for each typeface.

Permalink

Web Symbols typeface

The piece offers practical advice on choosing a domain name by recommending against deciding in isolation; instead, it suggests either testing multiple domains through market research if budget allows, or seeking feedback from colleagues and potential customers. The article emphasizes that rebranding is costly, making the initial selection process worth getting right the first time.

Permalink

Typetester – Compare fonts for the screen

Typetester is a browser-based WYSIWYG editor that lets you test, compare, and design with over 2,800 web fonts without coding knowledge. You can create typographic projects directly in the browser, then export them as responsive HTML and CSS that automatically adapts to different screen sizes.

Permalink

Mensch -- A coding font

Apple's Snow Leopard introduced Menlo, a modified version of the Linux font DejaVu Sans Mono, as its new monospace typeface. The author, dissatisfied with several design choices in Menlo (particularly the slashed zero and the oddly-proportioned lowercase L), used FontForge to create a custom variant called "Mensch" with about a dozen tweaks including a circular zero, friendlier punctuation marks, larger angle brackets, and improved letter distinctiveness. The modifications maintain the open-source spirit of the original Bitstream Vera license while optimizing the font for code readability and aesthetic preference.

Permalink

20 Elegant Fonts for Clean Design | Freebies

I can see this is a comments section from a blog post about fonts, but I don't have access to the actual article content itself—only the reader comments praising various fonts like Sacre Blue, Adelle Basic, Sertige, and others. To write an accurate summary of what the piece argues or reports, I would need to see the original article text. Could you provide the article content or a link to it?

Permalink