background preloader

Fonts

Facebook Twitter

The Science Behind Fonts (And How They Make You Feel) I’ve noticed how seemingly small things like font and the spacing between letters can impact how I feel when reading online.

The Science Behind Fonts (And How They Make You Feel)

The right font choice along with the absence of sidebars and popups makes everything feel easier and better to read. Websites like Medium, Signal vs. Noise, and Zen Habits are like yoga studios for content. Their presentation of content puts me at peace while reading, allowing me to fully focus on the stories without distraction. The Millennial Squeeze. AP Images/Jacquelyn Martin Generational fairness has been a big theme of the austerity crusaders, whose most strident advocates tend to be financiers and business titans of substantial net worth.

The Millennial Squeeze

Yet their calls to radically reduce social investment out of a sense of generational equity diminishes the prospects of young people. The true generational injustice has little to do with the projected public debt and everything to do with the real crisis going on right now. Today’s young adults—especially 20- and 30-somethings with young children—face shrinking opportunity and growing insecurity. 9 Incredibly Important Things That Happened In 2013 That Most People Aren't Talking About. By Judd Legum "9 Incredibly Important Things That Happened In 2013 That Most People Aren’t Talking About" In a media environment increasingly dominated by celebrity, scandal and the political horserace, many of the most important stories receive scant coverage.

9 Incredibly Important Things That Happened In 2013 That Most People Aren't Talking About

Here are nine hugely important things that happened in 2013 that are rarely discussed: 1. Human rights abuses in North Korean prisons reached a level not seen since the Nazi atrocities. A new report from the U.N. released in January found that hundreds of thousands of North Koreans are being subjected to historic human right abuses. 2.

CREDIT: Shutterstock. Robbing Illinois's Public Employees. In the span of a few hours on December 3, two Midwestern states changed America’s relationship to its public employees, perhaps irrevocably.

Robbing Illinois's Public Employees

If courts approve plans for bankruptcy in Detroit and a new law in Illinois, retirees who worked their careers as sanitation engineers and teachers, firefighters and police officers, public defenders and city clerks, under a promise of pension benefits protected by state constitutions, will not receive their promised share. A Beginner’s Guide to Pairing Fonts. Pairing fonts can be a challenge.

A Beginner’s Guide to Pairing Fonts

Selecting two or more fonts which work well is one thing - selecting two which work together to achieve your typographic aims may have you reaching for the aspirin. Font Combos. Best Practices of Combining Typefaces. Advertisement Creating great typeface combinations is an art, not a science.

Best Practices of Combining Typefaces

Indeed, the beauty of typography has no borders. While there are no absolute rules to follow, it is crucial that you understand and apply some best practices when combining fonts in a design. When used with diligence and attention, these principles will always yield suitable results. Today we will take a close look at some the best practices for combining typefaces — as well as some blunders to avoid.

Combine a Sans Serif with a Serif By far the most popular principle for creating typeface combinations is to pair a sans serif header typeface with a serif body typeface. In the example below — a typical article layout — we have Trade Gothic Bold No.2 paired with Bell Gothic on the left side. Putting these two together creates an unwanted conflict in the design. Dragil Blog - San Francisco Bay Area Web Design and Web Development Company Located in Palo Alto California.

CSS Web Safe Fonts. Type rendering: operating systems. This is our second post in an ongoing series about type rendering on the web.

Type rendering: operating systems

Read the first, third, fourth, fifth, sixth, and final posts. The screenshots below were taken by visiting this test page that features two Typekit fonts, FacitWeb and Minion Pro. FacitWeb, occupying the top row of each screenshot, has a 120px capital R, a 21px subhead, and 12px text. Minion Pro, across the bottom of each screenshot, has a 130px capital R, a 24px subhead, and 14px text. The detail images are zoomed to 300%. Core Text Core Text is a rendering engine available on Mac OS X and iOS. Above: Core Text rendering of FacitWeb (above) and Minion Pro (below). Increase Your Font Stacks With Font Matrix. Web pages built in plain old HTML and CSS are displayed using only the fonts installed on users’ computers (@font-face implementations excepted).

Increase Your Font Stacks With Font Matrix

To enable this, CSS provides the font-family property for specifying fonts in order of preference (often known as a font stack). For example: So in the above rule, headings will be displayed in Egyptienne F. If Egyptienne F is not available then Cambria will be used, failing that Georgia or the final fallback default serif font. This everyday bit of CSS will be common knowledge among all 24 ways readers. It is also a commonly held belief that the only fonts we can rely on being installed on users’ computers are the core web fonts of Arial, Times New Roman, Verdana, Georgia and friends. If you look in the fonts folder of your computer, or even your Mum’s computer, then you are likely to find a whole load of fonts besides the core ones. Increase Your Font Stacks With Font Matrix.