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

Use System Fonts #409

Merged
merged 2 commits into from Jan 20, 2016
Merged

Use System Fonts #409

merged 2 commits into from Jan 20, 2016

Conversation

tysongach
Copy link
Contributor

Lato isn't particularly made for UI uses and I felt it was a little rough around
the edges; almost too friendly and unstructured for Administrate.

Instead, we can just use system fonts, especially now that Apple and Google have
both creating their own typefaces for UI use and are really strong typefaces.
Plus we get the benefit of not having to load web fonts!

Reference: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/

It also means we have one less thing to rely on (Google Fonts)

Before (with Lato)

screen shot 2016-01-16 at 15 26 09

After (with system fonts, rendered as Apple’s San Francisco here)

screen shot 2016-01-16 at 15 26 20

@@ -25,7 +25,7 @@

.cell-label--asc,
.cell-label--desc {
font-weight: bold;
font-weight: 600;

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fancy creating a $bold-font-weight variable for clarity?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, probably a good idea. Updated.

@creuter
Copy link

creuter commented Jan 20, 2016

Looks good. Much more appropriate.

@joshuaogle
Copy link

Lato's one of those fonts that looks great until you actually get it into a project. System fonts don't get enough respect. I like it 👍

@c-lliope
Copy link
Contributor

I'm good with it! You had me at "one fewer dependency"

@tysongach
Copy link
Contributor Author

😆

Tyson Gach added 2 commits January 20, 2016 16:49
Lato isn't particularly made for UI uses and I felt it was a little rough around
the edges; almost too friendly and unstructured for Administrate.

Instead, we can just use system fonts, especially now that Apple and Google have
both creating their own typefaces for UI use and are really strong typefaces.
Plus we get the benefit of not having to load web fonts!

Reference: https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/

It also means we have one less thing to rely on (Google Fonts)
@tysongach tysongach merged commit 28e084f into master Jan 20, 2016
@tysongach tysongach deleted the tg-system-fonts branch January 20, 2016 21:50
c-lliope added a commit that referenced this pull request Jan 22, 2016
Changes:

```
* [#269] [FEATURE] Add a generator for copying default layout files
* [#328] [FEATURE] Add a generator for copying default sidebar partial
* [#362] [FEATURE] Add a generator for only the dashboard manifest.
  Customizing this manifest before running the `administrate:install` generator
  will change which dashboards get generated.
* [#295] [FEATURE] Add dashboard detection for ActiveRecord::Enum fields.
* [#364] [FEATURE] Improve dashboard generator by explicitly listing out the
  generated `SHOW_PAGE_ATTRIBUTES` array elements.
* [#416] [UI] Add an accessibility label to the search input
* [#411] [UI] Use tabular figures in table cells
* [#409] [UI] Use default system fonts
* [#424] [BUGFIX] Fix a bug where running `rails destroy GENERATOR_NAME`
  would not work for several of the generators
* [#390] [BUGFIX] Fix timestamp deprecation warnings
* [#365] [COMPAT] Remove dependency on `inline_svg`
* [#396] [I18n] Ukrainian
* [#297] [I18n] Italian
* [#307] [I18n] Fix German grammatical errors
* [#363] [DOC] Move documentation into main repository, at the root URL
* [#395] [DOC] Update inline documentation for collection partial
* [#387] [DOC] Fix incorrect path for generators in the docs
```
@c-lliope c-lliope mentioned this pull request Jan 22, 2016
c-lliope added a commit that referenced this pull request Jan 22, 2016
Changes:

```
* [#269] [FEATURE] Add a generator for copying default layout files
* [#328] [FEATURE] Add a generator for copying default sidebar partial
* [#362] [FEATURE] Add a generator for only the dashboard manifest.
  Customizing this manifest before running the `administrate:install` generator
  will change which dashboards get generated.
* [#295] [FEATURE] Add dashboard detection for ActiveRecord::Enum fields.
* [#364] [FEATURE] Improve dashboard generator by explicitly listing out the
  generated `SHOW_PAGE_ATTRIBUTES` array elements.
* [#416] [UI] Add an accessibility label to the search input
* [#411] [UI] Use tabular figures in table cells
* [#409] [UI] Use default system fonts
* [#424] [BUGFIX] Fix a bug where running `rails destroy GENERATOR_NAME`
  would not work for several of the generators
* [#390] [BUGFIX] Fix timestamp deprecation warnings
* [#365] [COMPAT] Remove dependency on `inline_svg`
* [#396] [I18n] Ukrainian
* [#297] [I18n] Italian
* [#307] [I18n] Fix German grammatical errors
* [#363] [DOC] Move documentation into main repository, at the root URL
* [#395] [DOC] Update inline documentation for collection partial
* [#387] [DOC] Fix incorrect path for generators in the docs
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants