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

Add auto hyphenation to typography CSS #708

Closed
ghost opened this issue Aug 18, 2011 · 9 comments
Closed

Add auto hyphenation to typography CSS #708

ghost opened this issue Aug 18, 2011 · 9 comments

Comments

@ghost
Copy link

@ghost ghost commented Aug 18, 2011

With the new Firefox 6 release and Safari 5.1 we now have two major browsers supporting CSS3 hyphenation. So maybe it's a good idea to add hyphenation to the default boilerplate CSS to enable great typography in advanced browser.

p {
-webkit-hyphen: auto;
-moz-hyphen: auto;
hyphen: auto;
}

More info on hyphenation: http://blog.fontdeck.com/post/9037028497/hyphens

@drublic

This comment has been minimized.

Copy link
Member

@drublic drublic commented Aug 18, 2011

This is a good idea. We should keep in mind, that this could be useful for blockqoute-elements, li's aso, too.

I made a fiddle for this: http://jsfiddle.net/drublic/H9cvZ/ Currently it's not working for me in FF6. Safari 5.1 is fine.

@ghost

This comment has been minimized.

Copy link
Author

@ghost ghost commented Aug 18, 2011

Hyphenation requires you to have a lang attribute set, either in the header or on the elements where hyphenation is required. This way it also works in FF6: http://jsfiddle.net/qJuRc/

@drublic

This comment has been minimized.

Copy link
Member

@drublic drublic commented Aug 20, 2011

I researched this topic and wrote an article about it.
Maybe it is kinda helpful to add hyphen to @necolas's normalize.css.

@nimbupani

This comment has been minimized.

Copy link
Member

@nimbupani nimbupani commented Aug 21, 2011

I am ambivalent about this. Is text really readable with hyphens? I think hyphens are a good way to go when you have justified text, but I am not sure why we would need hyphens otherwise on left aligned text. In my view, this is something authors need to add with consideration rather than have it on by default.

@mathiasbynens

This comment has been minimized.

Copy link
Member

@mathiasbynens mathiasbynens commented Aug 21, 2011

I agree with @nimbupani — it’s probably not a good idea to hyphenate by default.

@necolas

This comment has been minimized.

Copy link
Member

@necolas necolas commented Aug 21, 2011

@drublic Thanks for the article! I don't think I'll be rolling this into normalize because all browsers behave the same way by default.

@nimbupani

This comment has been minimized.

Copy link
Member

@nimbupani nimbupani commented Aug 21, 2011

@drublic, can you add your article to "Make it better" section in the wiki? I think it is very informative, but I don't think we would be adding it in by default. Thank you!!

@nimbupani nimbupani closed this Aug 21, 2011
@drublic

This comment has been minimized.

Copy link
Member

@drublic drublic commented Aug 21, 2011

@necolas Seems kinda logical to not use it as it does not 'normalize' anything.
@nimbupani I added my article and re-arranged the links a little bit. If you think it's not good, just roll back on the last revision of it!

@nimbupani

This comment has been minimized.

Copy link
Member

@nimbupani nimbupani commented Aug 21, 2011

Whee! Thanks @drublic! It is much more readable now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
4 participants
You can’t perform that action at this time.