Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Small Caps Font-Variant #1

Open
grayghostvisuals opened this issue Jan 7, 2013 · 6 comments
Open

Small Caps Font-Variant #1

grayghostvisuals opened this issue Jan 7, 2013 · 6 comments

Comments

@grayghostvisuals
Copy link
Contributor

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."

@grayghostvisuals
Copy link
Contributor Author

Here is the Description currently. Lets edit this a bit for our example.

Small caps help to make abbreviations way easier to read but won't stand out from the text. We highly suggest this bit of typographic flare with your content.

True small capitals are now possible on the web.

Lorem ipsum dolor sit amet, consectetur HTML adipisicing elit. CSS Laboriosam voluptatem a beatae accusantium accusamus dolor provident error consectetur quibusdam suscipit neque temporibus. Velit omnis voluptatum quasi tempora reiciendis expedita reprehenderit.

@Melindrea
Copy link
Member

Would it be of interest/possible to put in support in the mixin for supplying the font to be used as a small caps? I know that the first thing I will be doing once I have time to understand the project is to do that for myself, since small caps tends to be one of my favourites in giving variance in the fonts.

@grayghostvisuals
Copy link
Contributor Author

Will do @Melindrea . Thanks for the feedback. 👊 👩

@grayghostvisuals
Copy link
Contributor Author

@Melindrea I was just thinking wouldn't it make sense to let authors customize this for themselves? I mean

  1. If an author uses a custom font for body copy then there is no need to set the font family on the abbr and really depends if the font family does in fact support small-caps.
  2. If a user does in fact set the font family on the body copy then setting the same font family on abbreviations is doubling up.

@Melindrea
Copy link
Member

Yes, that is true. I'll muse about it and see where my thoughts land, and see if I end up having a more productive (IE associated with a pull request =) response later. I think I partly need to wrap my mind around how typeplate is/isn't supposed to be used. Very nice work, I'm enjoying what I've used so far =)

@grayghostvisuals
Copy link
Contributor Author

Let the muse take you away! We definitely encourage everyone to customize it for themselves as we don't dictate how to use it per say but merely suggest how to use it.

The one issue with using the bower version of Typeplate is that anytime you make changes to the bower file you're using -and update it using bower- the file contents are overwritten :(

Thanks for the kinds words and glad you like it so far. Cheers 🍻

grayghostvisuals referenced this issue in pepijndevos/typeplate.github.com Apr 11, 2013
I'm not sure how I was supposed to change these settings before.

Now I can just set the variable before importing typelate, and everything will be based on my values,
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants