autonomic-cooperative/hometown
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use system fonts on more platforms

Browse Source 
This allows other platforms such as Windows, macOS and iOS to use their system fonts rather than downloading a copy of Roboto. It also makes the app feel a little closer to native on those platforms!
This commit is contained in:
Jessica Stokes 2017-01-04 20:24:27 -08:00
parent 9bb1b97d2a
commit 1f3c895ffb
No known key found for this signature in database
GPG Key ID: E3DE5BE038F70FE9
9 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/components/button.jsx
View File

@ -27,7 +27,7 @@ const Button = React.createClass({
render () { render () {
const style = { const style = {
fontFamily: 'Roboto', fontFamily: 'inherit',
display: this.props.block ? 'block' : 'inline-block', display: this.props.block ? 'block' : 'inline-block',
width: this.props.block ? '100%' : 'auto', width: this.props.block ? '100%' : 'auto',
position: 'relative', position: 'relative',

2
app/assets/javascripts/components/features/compose/components/search.jsx
View File

@ -38,7 +38,7 @@ const inputStyle = {
border: 'none', border: 'none',
padding: '10px', padding: '10px',
paddingRight: '30px', paddingRight: '30px',
fontFamily: 'Roboto', fontFamily: 'inherit',
background: '#282c37', background: '#282c37',
color: '#9baec8', color: '#9baec8',
fontSize: '14px', fontSize: '14px',

2
app/assets/stylesheets/about.scss
View File

@ -11,7 +11,7 @@
} }
h1 { h1 {
font: 46px/52px 'Roboto', sans-serif; font: 46px/52px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-weight: 600; font-weight: 600;
margin-bottom: 20px; margin-bottom: 20px;
color: #2b90d9; color: #2b90d9;

2
app/assets/stylesheets/application.scss
View File

@ -95,7 +95,7 @@ table {
} }
body { body {
font-family: 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #282c37 image-url('background-photo.jpeg'); background: #282c37 image-url('background-photo.jpeg');
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;

4
app/assets/stylesheets/components.scss
View File

@ -1,6 +1,6 @@
.button { .button {
background-color: #2b90d9; background-color: #2b90d9;
font-family: 'Roboto'; font-family: inherit;
display: inline-block; display: inline-block;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
@ -574,7 +574,7 @@
resize: none; resize: none;
color: #282c37; color: #282c37;
padding: 7px; padding: 7px;
font-family: 'Roboto'; font-family: inherit;
font-size: 14px; font-size: 14px;
margin: 0; margin: 0;
resize: vertical; resize: vertical;

6
app/assets/stylesheets/forms.scss
View File

@ -26,7 +26,7 @@ code {
display: flex; display: flex;
label { label {
font-family: 'Roboto'; font-family: inherit;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
width: 100px; width: 100px;
@ -48,7 +48,7 @@ code {
margin-bottom: 5px; margin-bottom: 5px;
label { label {
font-family: 'Roboto'; font-family: inherit;
font-size: 14px; font-size: 14px;
color: white; color: white;
display: block; display: block;
@ -83,7 +83,7 @@ code {
display: block; display: block;
width: 100%; width: 100%;
outline: 0; outline: 0;
font-family: 'Roboto'; font-family: inherit;
&:invalid { &:invalid {
box-shadow: none; box-shadow: none;

4
public/404.html
View File

@ -7,7 +7,7 @@
<link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet">
<style> <style>
body { body {
font-family: 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #282c37; background: #282c37;
color: #9baec8; color: #9baec8;
text-align: center; text-align: center;
@ -25,7 +25,7 @@
} }
.dialog h1 { .dialog h1 {
font: 20px/28px 'Roboto', sans-serif; font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-weight: 400; font-weight: 400;
} }
</style> </style>

4
public/500.html
View File

@ -7,7 +7,7 @@
<link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:400" rel="stylesheet">
<style> <style>
body { body {
font-family: 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #282c37; background: #282c37;
color: #9baec8; color: #9baec8;
text-align: center; text-align: center;
@ -25,7 +25,7 @@
} }
.dialog h1 { .dialog h1 {
font: 20px/28px 'Roboto', sans-serif; font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
font-weight: 400; font-weight: 400;
} }
</style> </style>

2
storybook/storybook.scss
View File

@ -2,7 +2,7 @@
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,500); @import url(https://fonts.googleapis.com/css?family=Roboto+Mono:400,500);
#root { #root {
font-family: 'Roboto', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #282c37; background: #282c37;
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;