terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Update system font stacks on error pages (#157)

Browse source 
* Enhance system font stack on _error.js

`-apple-system` = SF on Safari (macOS/iOS)
`BlinkMacSystemFont` = SF on Chrome (macOS)
`Roboto` for Android
`Segoe UI` for Windows
`Fira Sans` for Firefox OS
`Avenir` for pre-SF macOS
`Helvetica Neue, Lucida Grande` for older macOS

* Enhance system font stacks on _error-debug.js

Updates fonts to use better quality system fonts where commonly available
This commit is contained in:
Cole 2016-10-30 06:07:18 +00:00 committed by Naoyuki Kanezawa
parent 5595232f58
commit c5bbff412b
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pages/_error-debug.js
View file

@ -40,14 +40,14 @@ const styles = {
}),
message: style({
fontFamily: 'menlo-regular',
fontFamily: '"SF Mono", "Roboto Mono", "Fira Mono", menlo-regular, monospace',
fontSize: '10px',
color: '#fff',
margin: 0
}),
heading: style({
fontFamily: 'sans-serif',
fontFamily: '-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',
fontSize: '13px',
fontWeight: 'bold',
color: '#ff90c6',

2
pages/_error.js
View file

@ -31,7 +31,7 @@ const styles = {
left: 0,
right: 0,
position: 'absolute',
fontFamily: '-apple-system, "SF UI Text", "Helvetica Neue", "Lucida Grande", sans-serif',
fontFamily: '-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Fira Sans", Avenir, "Helvetica Neue", "Lucida Grande", sans-serif',
textAlign: 'center',
paddingTop: '20%'
}),