Skip to content

Small Caps Font-Variant #1

Open
@grayghostvisuals

Description

@grayghostvisuals

http://blog.hypsometry.com/articles/true-small-capitals-with-font-face

THIS IS PER OUR SKYPE CONVO

ZAK via Skype
"I think it would be neat, under the Small Caps section, to provide an alternate mixin as well, for fonts that don't support font-variant. One that does text-transform uppercase and lowers the font-size slightly?"

"Most fonts actually don't have small-caps glyphs. Most fonts will "fake" it, like fake bold or italics in the browser, which looks really bad. So better to manually set it than let the browser mangle small-caps out of a typeface. font-variant isn't going to work a lot of the time, as I understand it for fonts with OpenType support, your current mixin works fine. But for the majority of fonts out there, including the web-safe ones, the appropriate smallcaps styling would be simply "text-transform: uppercase; font-size: 80%" or somesuch."

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions