me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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 51a491d49a
commit 6860c6bcfd
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;