This is the current situation:


body, #preview,
#header #block-user-login div.item-list,
#header #site-slogan {
  font-family: Georgia, "Times New Roman", Times, serif;
}

ul.contextual-links,
#block-system-main .meta,
#block-system-main ul.links,
#block-system-main div.field-name-taxonomy-tags div.field-label,
#block-system-main div.field-name-taxonomy-tags div.field-items,
#block-system-main div.field-name-taxonomy-tags div.field-item,
#comments .submitted p {
  font-family: Arial, sans-serif;
}

#header,
#preview #preview-header,
#footer-wrapper,
div.tabs ul.primary,
div.messages {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header #block-user-login {
  font-family: Helvetica, Arial, sans-serif;
}

input.form-submit,
a.button {
  font-family: "Lucida Grande", Verdana, sans-serif; 
}

/* ie file */
input.form-text {
  font-family: sans-serif;
}
CommentFileSizeAuthor
#8 fonts-2.patch1.32 KBjacine
#6 fonts.patch1.08 KBjacine
#2 bartik-fonts.patch2.96 KBjacine

Comments

Jeff Burnz’s picture

Jeff Burnz commented

Something like this?

No patch, just for review of the font stacks.

body,
#preview,
#header #block-user-login div.item-list,
#header #site-slogan {
  font-family: Georgia, Baskerville, Palatino, serif;
}

input.form-submit,a.button {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, sans-serif;
}

ul.contextual-links,
#block-system-main .meta,
#block-system-main ul.links,
#block-system-main div.field-name-taxonomy-tags div.field-label,
#block-system-main div.field-name-taxonomy-tags div.field-items,
#block-system-main div.field-name-taxonomy-tags div.field-item,
#comments .submitted p,
#header #block-user-login,
input.form-text {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
jacine’s picture

jacine
she/her
Location New York
commented
Status: Active » Needs review
StatusFileSize
new bartik-fonts.patch2.96 KB

Yes, something like that, but less specific on some selectors. :)

Here's my patch. It also:

- fixes taxonomy term wrappers: div.field-name-taxonomy-tags is the term name, and not the type.
- fixes the jQuery UI Verdana font that is taking over the the overlay.

I discussed this with Jen last night, and more discussion is probably needed about the actual font stacks, but I would like to get the file cleaned up with this in the meantime.

tlattimore’s picture

tlattimore commented
Status: Needs review » Reviewed & tested by the community

Looks good. All your selectors and and font-stacks seem to be in order. More organized and thought out than before I think.

jensimmons’s picture

jensimmons commented
Status: Reviewed & tested by the community » Needs work

Ok, I committed this cleanup. :D

Now for the font stack selection perfection......

(i.e., we are 1/2 done)

jensimmons’s picture

jensimmons commented

bump

jacine’s picture

jacine
she/her
Location New York
commented
Status: Needs work » Needs review
StatusFileSize
new fonts.patch1.08 KB

Here's another clean-up patch...

tlattimore’s picture

tlattimore commented
Status: Needs review » Reviewed & tested by the community

This patch really cleans up the font stacks. Reduces some redundancy and creates more consistency. It's got my vote.

jacine’s picture

jacine
she/her
Location New York
commented
StatusFileSize
new fonts-2.patch1.32 KB

Re-rolling b/c of the table patch...

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Reviewed & tested by the community » Needs work

The clean-up looks good. Putting Arial before Helvetica Neue… needs discussing first. :-) I'm committing everything else.

Back to "needs work" for the font stack discussion.

Jeff Burnz’s picture

Jeff Burnz commented

I would prefer to see the font stack be "helvetica neue", helvetica, arial, sans-serif for the simple reason that if I have helvetica on my system I would prefer it over arial.

I think this has been pretty well hashed out, here and over here is another good discussion.

Actually I think our font stacks are a little shallow, Vista and Win7 ship with some very nice fonts like Calibri, Cambria and Constantina, for example.

The DejaVu and Bitstream family's are very nice fonts, and I really do wonder, now you've got me worked up, why is Georgia and Times New Roman lumped together - to me they are totally different fonts - sit them side by side for size and see how different they are.

jensimmons’s picture

jensimmons commented
Status: Needs work » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.