Use system fonts on more platforms
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:
@ -11,7 +11,7 @@
|
||||
}
|
||||
|
||||
h1 {
|
||||
font: 46px/52px 'Roboto', sans-serif;
|
||||
font: 46px/52px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
color: #2b90d9;
|
||||
|
@ -95,7 +95,7 @@ table {
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: #282c37 image-url('background-photo.jpeg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
|
@ -1,6 +1,6 @@
|
||||
.button {
|
||||
background-color: #2b90d9;
|
||||
font-family: 'Roboto';
|
||||
font-family: inherit;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
@ -574,7 +574,7 @@
|
||||
resize: none;
|
||||
color: #282c37;
|
||||
padding: 7px;
|
||||
font-family: 'Roboto';
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
resize: vertical;
|
||||
|
@ -26,7 +26,7 @@ code {
|
||||
display: flex;
|
||||
|
||||
label {
|
||||
font-family: 'Roboto';
|
||||
font-family: inherit;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
width: 100px;
|
||||
@ -48,7 +48,7 @@ code {
|
||||
margin-bottom: 5px;
|
||||
|
||||
label {
|
||||
font-family: 'Roboto';
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
display: block;
|
||||
@ -83,7 +83,7 @@ code {
|
||||
display: block;
|
||||
width: 100%;
|
||||
outline: 0;
|
||||
font-family: 'Roboto';
|
||||
font-family: inherit;
|
||||
|
||||
&:invalid {
|
||||
box-shadow: none;
|
||||
|
Reference in New Issue
Block a user