From a0ba70823de874e3067caea5ed336b92b234ce2f Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Mon, 2 May 2016 17:39:56 +0500 Subject: Multiple UI improvements (#2838) * Multiple UI improvements * Adding translations in en.json --- webapp/components/audit_table.jsx | 17 +- .../user_settings/premade_theme_chooser.jsx | 26 +- .../user_settings/user_settings_display.jsx | 10 +- webapp/i18n/en.json | 3 + .../google-fonts/google-fonts.css | 926 ++++++++++----------- 5 files changed, 497 insertions(+), 485 deletions(-) (limited to 'webapp') diff --git a/webapp/components/audit_table.jsx b/webapp/components/audit_table.jsx index abf09dfaf..b1f155518 100644 --- a/webapp/components/audit_table.jsx +++ b/webapp/components/audit_table.jsx @@ -221,20 +221,20 @@ class AuditTable extends React.Component { if (this.props.showUserId) { var profile = UserStore.getProfile(auditInfo.userId); if (profile) { - uContent = {profile.email}; + uContent = {profile.email}; } else { - uContent = {auditInfo.userId}; + uContent = {auditInfo.userId}; } } let iContent; if (this.props.showIp) { - iContent = {auditInfo.ip}; + iContent = {auditInfo.ip}; } let sContent; if (this.props.showSession) { - sContent = {auditInfo.sessionId}; + sContent = {auditInfo.sessionId}; } let descStyle = {}; @@ -244,9 +244,14 @@ class AuditTable extends React.Component { accessList[i] = ( - {auditInfo.timestamp} + {auditInfo.timestamp} {uContent} - {auditInfo.desc} + + {auditInfo.desc} + {iContent} {sContent} diff --git a/webapp/components/user_settings/premade_theme_chooser.jsx b/webapp/components/user_settings/premade_theme_chooser.jsx index 7ccc76d7a..4b0faf865 100644 --- a/webapp/components/user_settings/premade_theme_chooser.jsx +++ b/webapp/components/user_settings/premade_theme_chooser.jsx @@ -51,17 +51,21 @@ export default class PremadeThemeChooser extends React.Component { return (
- {premadeThemes} -
- - - +
+ {premadeThemes} +
+
+
+ + + +
); diff --git a/webapp/components/user_settings/user_settings_display.jsx b/webapp/components/user_settings/user_settings_display.jsx index 481cde9a5..c4af57d4c 100644 --- a/webapp/components/user_settings/user_settings_display.jsx +++ b/webapp/components/user_settings/user_settings_display.jsx @@ -369,7 +369,7 @@ export default class UserSettingsDisplay extends React.Component { />
@@ -383,7 +383,7 @@ export default class UserSettingsDisplay extends React.Component { />
@@ -392,7 +392,7 @@ export default class UserSettingsDisplay extends React.Component {
@@ -421,14 +421,14 @@ export default class UserSettingsDisplay extends React.Component { describe = ( ); } else { describe = ( ); } diff --git a/webapp/i18n/en.json b/webapp/i18n/en.json index 87a9286e3..6392d7d4e 100644 --- a/webapp/i18n/en.json +++ b/webapp/i18n/en.json @@ -1299,6 +1299,9 @@ "user.settings.display.theme.themeColors": "Theme Colors", "user.settings.display.theme.title": "Theme", "user.settings.display.title": "Display Settings", + "user.settings.display.fixedWidthCentered": "Fixed width, centered", + "user.settings.display.fullScreen": "Full width", + "user.settings.display.channeldisplaymode": "Select how text in a channel is displayed.", "user.settings.general.checkEmail": "Check your email at {email} to verify the address.", "user.settings.general.checkEmailNoAddress": "Check your email to verify your new address", "user.settings.general.close": "Close", diff --git a/webapp/non_npm_dependencies/google-fonts/google-fonts.css b/webapp/non_npm_dependencies/google-fonts/google-fonts.css index 00bb4db15..14b5b1cbe 100644 --- a/webapp/non_npm_dependencies/google-fonts/google-fonts.css +++ b/webapp/non_npm_dependencies/google-fonts/google-fonts.css @@ -1,159 +1,159 @@ /* open-sans-300 - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 300; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Light'), local('OpenSans-Light'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 300; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Light'), local('OpenSans-Light'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 300; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: italic; + font-weight: 300; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.eot'); /* IE9 Compat Modes */ - src: local('Open Sans'), local('OpenSans'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.eot'); /* IE9 Compat Modes */ + src: local('Open Sans'), local('OpenSans'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 400; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Italic'), local('OpenSans-Italic'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: italic; + font-weight: 400; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Italic'), local('OpenSans-Italic'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 600; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Semibold'), local('OpenSans-Semibold'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 600; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Semibold'), local('OpenSans-Semibold'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 600; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: italic; + font-weight: 600; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 700; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Bold'), local('OpenSans-Bold'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 700; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Bold'), local('OpenSans-Bold'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 700; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: italic; + font-weight: 700; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 800; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 800; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese */ @font-face { - font-family: 'Open Sans'; - font-style: italic; - font-weight: 800; - src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.eot'); /* IE9 Compat Modes */ - src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.woff2') format('woff2'), /* Super Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.woff') format('woff'), /* Modern Browsers */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ - url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ + font-family: 'Open Sans'; + font-style: italic; + font-weight: 800; + src: url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.eot'); /* IE9 Compat Modes */ + src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.woff') format('woff'), /* Modern Browsers */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/open-sans-v13-latin-ext_latin_cyrillic-ext_greek-ext_greek_cyrillic_vietnamese-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* Lato */ @font-face { - font-family: 'Lato'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Lato-regular.eot'); - src: local('Lato Regular'), local('Lato-regular'), - url('./fonts/Lato-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Lato-regular.woff2') format('woff2'), - url('./fonts/Lato-regular.woff') format('woff'), - url('./fonts/Lato-regular.ttf') format('truetype'), - url('./fonts/Lato-regular.svg#Lato') format('svg'); + font-family: 'Lato'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Lato-regular.eot'); + src: local('Lato Regular'), local('Lato-regular'), + url('./fonts/Lato-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Lato-regular.woff2') format('woff2'), + url('./fonts/Lato-regular.woff') format('woff'), + url('./fonts/Lato-regular.ttf') format('truetype'), + url('./fonts/Lato-regular.svg#Lato') format('svg'); } /* Lato Italic */ @font-face { - font-family: 'Lato'; - font-weight: 400; - font-style: italic; - src: url('./fonts/lato-italic-webfont.eot'); + font-family: 'Lato'; + font-weight: 400; + font-style: italic; + src: url('./fonts/lato-italic-webfont.eot'); src: url('./fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/lato-italic-webfont.woff2') format('woff2'), - url('./fonts/lato-italic-webfont.woff') format('woff'), - url('./fonts/lato-italic-webfont.ttf') format('truetype'), - url('./fonts/lato-italic-webfont.svg#latoitalic') format('svg'); + url('./fonts/lato-italic-webfont.woff2') format('woff2'), + url('./fonts/lato-italic-webfont.woff') format('woff'), + url('./fonts/lato-italic-webfont.ttf') format('truetype'), + url('./fonts/lato-italic-webfont.svg#latoitalic') format('svg'); } /* Lato Bold */ @@ -163,10 +163,10 @@ font-weight: 700; src: url('./fonts/lato-bold-webfont.eot'); src: url('./fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/lato-bold-webfont.woff2') format('woff2'), - url('./fonts/lato-bold-webfont.woff') format('woff'), - url('./fonts/lato-bold-webfont.ttf') format('truetype'), - url('./fonts/lato-bold-webfont.svg#latobold') format('svg'); + url('./fonts/lato-bold-webfont.woff2') format('woff2'), + url('./fonts/lato-bold-webfont.woff') format('woff'), + url('./fonts/lato-bold-webfont.ttf') format('truetype'), + url('./fonts/lato-bold-webfont.svg#latobold') format('svg'); } @@ -177,504 +177,504 @@ font-weight: 700; src: url('./fonts/lato-bolditalic-webfont.eot'); src: url('./fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/lato-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/lato-bolditalic-webfont.woff') format('woff'), - url('./fonts/lato-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg'); + url('./fonts/lato-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/lato-bolditalic-webfont.woff') format('woff'), + url('./fonts/lato-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg'); } /* Droid Serif */ @font-face { - font-family: 'Droid Serif'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Droid-Serif-regular.eot'); - src: local('Droid Serif'), local('Droid-Serif-regular'), - url('./fonts/Droid-Serif-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Droid-Serif-regular.woff2') format('woff2'), - url('./fonts/Droid-Serif-regular.woff') format('woff'), - url('./fonts/Droid-Serif-regular.ttf') format('truetype'), - url('./fonts/Droid-Serif-regular.svg#DroidSerif') format('svg'); + font-family: 'Droid Serif'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Droid-Serif-regular.eot'); + src: local('Droid Serif'), local('Droid-Serif-regular'), + url('./fonts/Droid-Serif-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Droid-Serif-regular.woff2') format('woff2'), + url('./fonts/Droid-Serif-regular.woff') format('woff'), + url('./fonts/Droid-Serif-regular.ttf') format('truetype'), + url('./fonts/Droid-Serif-regular.svg#DroidSerif') format('svg'); } /* Droid Serif Italic */ @font-face { - font-family: 'Droid Serif'; - font-weight: 400; - font-style: italic; - src: url('./fonts/droidserif-italic-webfont.eot'); - src: url('./fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/droidserif-italic-webfont.woff2') format('woff2'), - url('./fonts/droidserif-italic-webfont.woff') format('woff'), - url('./fonts/droidserif-italic-webfont.ttf') format('truetype'), - url('./fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg'); + font-family: 'Droid Serif'; + font-weight: 400; + font-style: italic; + src: url('./fonts/droidserif-italic-webfont.eot'); + src: url('./fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/droidserif-italic-webfont.woff2') format('woff2'), + url('./fonts/droidserif-italic-webfont.woff') format('woff'), + url('./fonts/droidserif-italic-webfont.ttf') format('truetype'), + url('./fonts/droidserif-italic-webfont.svg#droid_serifitalic') format('svg'); } /* Droid Serif Bold */ @font-face { - font-family: 'Droid Serif'; - font-weight: 700; - font-style: normal; - src: url('./fonts/droidserif-bold-webfont.eot'); - src: url('./fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/droidserif-bold-webfont.woff2') format('woff2'), - url('./fonts/droidserif-bold-webfont.woff') format('woff'), - url('./fonts/droidserif-bold-webfont.ttf') format('truetype'), - url('./fonts/droidserif-bold-webfont.svg#droid_serifbold') format('svg'); + font-family: 'Droid Serif'; + font-weight: 700; + font-style: normal; + src: url('./fonts/droidserif-bold-webfont.eot'); + src: url('./fonts/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/droidserif-bold-webfont.woff2') format('woff2'), + url('./fonts/droidserif-bold-webfont.woff') format('woff'), + url('./fonts/droidserif-bold-webfont.ttf') format('truetype'), + url('./fonts/droidserif-bold-webfont.svg#droid_serifbold') format('svg'); } /* Droid Serif Bold Italic */ @font-face { - font-family: 'Droid Serif'; - font-weight: 700; - font-style: italic; - src: url('./fonts/droidserif-bolditalic-webfont.eot'); - src: url('./fonts/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/droidserif-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/droidserif-bolditalic-webfont.woff') format('woff'), - url('./fonts/droidserif-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg'); + font-family: 'Droid Serif'; + font-weight: 700; + font-style: italic; + src: url('./fonts/droidserif-bolditalic-webfont.eot'); + src: url('./fonts/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/droidserif-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/droidserif-bolditalic-webfont.woff') format('woff'), + url('./fonts/droidserif-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/droidserif-bolditalic-webfont.svg#droid_serifbold_italic') format('svg'); } /* Lora */ @font-face { - font-family: 'Lora'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Lora-regular.eot'); - src: local('Lora'), local('Lora-regular'), - url('./fonts/Lora-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Lora-regular.woff2') format('woff2'), - url('./fonts/Lora-regular.woff') format('woff'), - url('./fonts/Lora-regular.ttf') format('truetype'), - url('./fonts/Lora-regular.svg#Lora') format('svg'); + font-family: 'Lora'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Lora-regular.eot'); + src: local('Lora'), local('Lora-regular'), + url('./fonts/Lora-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Lora-regular.woff2') format('woff2'), + url('./fonts/Lora-regular.woff') format('woff'), + url('./fonts/Lora-regular.ttf') format('truetype'), + url('./fonts/Lora-regular.svg#Lora') format('svg'); } /* Lora Italic */ @font-face { - font-family: 'Lora'; - font-weight: 400; - font-style: italic; - src: url('./fonts/lora-italic-webfont.eot'); - src: url('./fonts/lora-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/lora-italic-webfont.woff2') format('woff2'), - url('./fonts/lora-italic-webfont.woff') format('woff'), - url('./fonts/lora-italic-webfont.ttf') format('truetype'), - url('./fonts/lora-italic-webfont.svg#loraitalic') format('svg'); + font-family: 'Lora'; + font-weight: 400; + font-style: italic; + src: url('./fonts/lora-italic-webfont.eot'); + src: url('./fonts/lora-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/lora-italic-webfont.woff2') format('woff2'), + url('./fonts/lora-italic-webfont.woff') format('woff'), + url('./fonts/lora-italic-webfont.ttf') format('truetype'), + url('./fonts/lora-italic-webfont.svg#loraitalic') format('svg'); } /* Lora Bold */ @font-face { - font-family: 'Lora'; - font-weight: 700; - font-style: normal; - src: url('./fonts/lora-bold-webfont.eot'); - src: url('./fonts/lora-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/lora-bold-webfont.woff2') format('woff2'), - url('./fonts/lora-bold-webfont.woff') format('woff'), - url('./fonts/lora-bold-webfont.ttf') format('truetype'), - url('./fonts/lora-bold-webfont.svg#lorabold') format('svg'); + font-family: 'Lora'; + font-weight: 700; + font-style: normal; + src: url('./fonts/lora-bold-webfont.eot'); + src: url('./fonts/lora-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/lora-bold-webfont.woff2') format('woff2'), + url('./fonts/lora-bold-webfont.woff') format('woff'), + url('./fonts/lora-bold-webfont.ttf') format('truetype'), + url('./fonts/lora-bold-webfont.svg#lorabold') format('svg'); } /* Lora Bold Italic */ @font-face { - font-family: 'Lora'; - font-weight: 700; - font-style: italic; - src: url('./fonts/lora-bolditalic-webfont.eot'); - src: url('./fonts/lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/lora-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/lora-bolditalic-webfont.woff') format('woff'), - url('./fonts/lora-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/lora-bolditalic-webfont.svg#lorabold_italic') format('svg'); + font-family: 'Lora'; + font-weight: 700; + font-style: italic; + src: url('./fonts/lora-bolditalic-webfont.eot'); + src: url('./fonts/lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/lora-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/lora-bolditalic-webfont.woff') format('woff'), + url('./fonts/lora-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/lora-bolditalic-webfont.svg#lorabold_italic') format('svg'); } /* Arvo */ @font-face { - font-family: 'Arvo'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Arvo-regular.eot'); - src: local('Arvo'), local('Arvo-regular'), - url('./fonts/Arvo-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Arvo-regular.woff2') format('woff2'), - url('./fonts/Arvo-regular.woff') format('woff'), - url('./fonts/Arvo-regular.ttf') format('truetype'), - url('./fonts/Arvo-regular.svg#Arvo') format('svg'); + font-family: 'Arvo'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Arvo-regular.eot'); + src: local('Arvo'), local('Arvo-regular'), + url('./fonts/Arvo-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Arvo-regular.woff2') format('woff2'), + url('./fonts/Arvo-regular.woff') format('woff'), + url('./fonts/Arvo-regular.ttf') format('truetype'), + url('./fonts/Arvo-regular.svg#Arvo') format('svg'); } /* Arvo Italic */ @font-face { - font-family: 'Arvo'; - font-weight: 400; - font-style: italic; - src: url('./fonts/arvo-italic-webfont.eot'); - src: url('./fonts/arvo-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/arvo-italic-webfont.woff2') format('woff2'), - url('./fonts/arvo-italic-webfont.woff') format('woff'), - url('./fonts/arvo-italic-webfont.ttf') format('truetype'), - url('./fonts/arvo-italic-webfont.svg#arvoitalic') format('svg'); + font-family: 'Arvo'; + font-weight: 400; + font-style: italic; + src: url('./fonts/arvo-italic-webfont.eot'); + src: url('./fonts/arvo-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/arvo-italic-webfont.woff2') format('woff2'), + url('./fonts/arvo-italic-webfont.woff') format('woff'), + url('./fonts/arvo-italic-webfont.ttf') format('truetype'), + url('./fonts/arvo-italic-webfont.svg#arvoitalic') format('svg'); } /* Arvo Bold */ @font-face { - font-family: 'Arvo'; - font-weight: 700; - font-style: normal; - src: url('./fonts/arvo-bold-webfont.eot'); - src: url('./fonts/arvo-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/arvo-bold-webfont.woff2') format('woff2'), - url('./fonts/arvo-bold-webfont.woff') format('woff'), - url('./fonts/arvo-bold-webfont.ttf') format('truetype'), - url('./fonts/arvo-bold-webfont.svg#arvobold') format('svg'); + font-family: 'Arvo'; + font-weight: 700; + font-style: normal; + src: url('./fonts/arvo-bold-webfont.eot'); + src: url('./fonts/arvo-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/arvo-bold-webfont.woff2') format('woff2'), + url('./fonts/arvo-bold-webfont.woff') format('woff'), + url('./fonts/arvo-bold-webfont.ttf') format('truetype'), + url('./fonts/arvo-bold-webfont.svg#arvobold') format('svg'); } /* Arvo Bold Italic */ @font-face { - font-family: 'Arvo'; - font-weight: 700; - font-style: italic; - src: url('./fonts/arvo-bolditalic-webfont.eot'); - src: url('./fonts/arvo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/arvo-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/arvo-bolditalic-webfont.woff') format('woff'), - url('./fonts/arvo-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/arvo-bolditalic-webfont.svg#arvobold_italic') format('svg'); + font-family: 'Arvo'; + font-weight: 700; + font-style: italic; + src: url('./fonts/arvo-bolditalic-webfont.eot'); + src: url('./fonts/arvo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/arvo-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/arvo-bolditalic-webfont.woff') format('woff'), + url('./fonts/arvo-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/arvo-bolditalic-webfont.svg#arvobold_italic') format('svg'); } /* Roboto */ @font-face { - font-family: 'Roboto'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Roboto-regular.eot'); - src: local('Roboto'), local('Roboto-regular'), - url('./fonts/Roboto-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Roboto-regular.woff2') format('woff2'), - url('./fonts/Roboto-regular.woff') format('woff'), - url('./fonts/Roboto-regular.ttf') format('truetype'), - url('./fonts/Roboto-regular.svg#Roboto') format('svg'); + font-family: 'Roboto'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Roboto-regular.eot'); + src: local('Roboto'), local('Roboto-regular'), + url('./fonts/Roboto-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Roboto-regular.woff2') format('woff2'), + url('./fonts/Roboto-regular.woff') format('woff'), + url('./fonts/Roboto-regular.ttf') format('truetype'), + url('./fonts/Roboto-regular.svg#Roboto') format('svg'); } /* Roboto Italic */ @font-face { - font-family: 'Roboto'; - font-weight: 400; - font-style: italic; - src: url('./fonts/roboto-italic-webfont.eot'); - src: url('./fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/roboto-italic-webfont.woff2') format('woff2'), - url('./fonts/roboto-italic-webfont.woff') format('woff'), - url('./fonts/roboto-italic-webfont.ttf') format('truetype'), - url('./fonts/roboto-italic-webfont.svg#robotoitalic') format('svg'); + font-family: 'Roboto'; + font-weight: 400; + font-style: italic; + src: url('./fonts/roboto-italic-webfont.eot'); + src: url('./fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/roboto-italic-webfont.woff2') format('woff2'), + url('./fonts/roboto-italic-webfont.woff') format('woff'), + url('./fonts/roboto-italic-webfont.ttf') format('truetype'), + url('./fonts/roboto-italic-webfont.svg#robotoitalic') format('svg'); } /* Roboto Bold */ @font-face { - font-family: 'Roboto'; - font-weight: 700; - font-style: normal; - src: url('./fonts/roboto-bold-webfont.eot'); - src: url('./fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/roboto-bold-webfont.woff2') format('woff2'), - url('./fonts/roboto-bold-webfont.woff') format('woff'), - url('./fonts/roboto-bold-webfont.ttf') format('truetype'), - url('./fonts/roboto-bold-webfont.svg#robotobold') format('svg'); + font-family: 'Roboto'; + font-weight: 700; + font-style: normal; + src: url('./fonts/roboto-bold-webfont.eot'); + src: url('./fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/roboto-bold-webfont.woff2') format('woff2'), + url('./fonts/roboto-bold-webfont.woff') format('woff'), + url('./fonts/roboto-bold-webfont.ttf') format('truetype'), + url('./fonts/roboto-bold-webfont.svg#robotobold') format('svg'); } /* Roboto Bold Italic */ @font-face { - font-family: 'Roboto'; - font-weight: 700; - font-style: italic; - src: url('./fonts/roboto-bolditalic-webfont.eot'); - src: url('./fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/roboto-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/roboto-bolditalic-webfont.woff') format('woff'), - url('./fonts/roboto-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg'); + font-family: 'Roboto'; + font-weight: 700; + font-style: italic; + src: url('./fonts/roboto-bolditalic-webfont.eot'); + src: url('./fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/roboto-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/roboto-bolditalic-webfont.woff') format('woff'), + url('./fonts/roboto-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg'); } /* PT Sans */ @font-face { - font-family: 'PT Sans'; - font-weight: 400; - font-style: normal; - src: url('./fonts/PT-Sans-regular.eot'); - src: local('PT Sans'), local('PT-Sans-regular'), - url('./fonts/PT-Sans-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/PT-Sans-regular.woff2') format('woff2'), - url('./fonts/PT-Sans-regular.woff') format('woff'), - url('./fonts/PT-Sans-regular.ttf') format('truetype'), - url('./fonts/PT-Sans-regular.svg#PTSans') format('svg'); + font-family: 'PT Sans'; + font-weight: 400; + font-style: normal; + src: url('./fonts/PT-Sans-regular.eot'); + src: local('PT Sans'), local('PT-Sans-regular'), + url('./fonts/PT-Sans-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/PT-Sans-regular.woff2') format('woff2'), + url('./fonts/PT-Sans-regular.woff') format('woff'), + url('./fonts/PT-Sans-regular.ttf') format('truetype'), + url('./fonts/PT-Sans-regular.svg#PTSans') format('svg'); } /* PT Sans Italic */ @font-face { - font-family: 'PT Sans'; - font-weight: 400; - font-style: italic; - src: url('./fonts/pt_sans-web-italic-webfont.eot'); - src: url('./fonts/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/pt_sans-web-italic-webfont.woff2') format('woff2'), - url('./fonts/pt_sans-web-italic-webfont.woff') format('woff'), - url('./fonts/pt_sans-web-italic-webfont.ttf') format('truetype'), - url('./fonts/pt_sans-web-italic-webfont.svg#pt_sansitalic') format('svg'); + font-family: 'PT Sans'; + font-weight: 400; + font-style: italic; + src: url('./fonts/pt_sans-web-italic-webfont.eot'); + src: url('./fonts/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/pt_sans-web-italic-webfont.woff2') format('woff2'), + url('./fonts/pt_sans-web-italic-webfont.woff') format('woff'), + url('./fonts/pt_sans-web-italic-webfont.ttf') format('truetype'), + url('./fonts/pt_sans-web-italic-webfont.svg#pt_sansitalic') format('svg'); } /* PT Sans Bold */ @font-face { - font-family: 'PT Sans'; - font-weight: 700; - font-style: normal; - src: url('./fonts/pt_sans-web-bold-webfont.eot'); - src: url('./fonts/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/pt_sans-web-bold-webfont.woff2') format('woff2'), - url('./fonts/pt_sans-web-bold-webfont.woff') format('woff'), - url('./fonts/pt_sans-web-bold-webfont.ttf') format('truetype'), - url('./fonts/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg'); + font-family: 'PT Sans'; + font-weight: 700; + font-style: normal; + src: url('./fonts/pt_sans-web-bold-webfont.eot'); + src: url('./fonts/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/pt_sans-web-bold-webfont.woff2') format('woff2'), + url('./fonts/pt_sans-web-bold-webfont.woff') format('woff'), + url('./fonts/pt_sans-web-bold-webfont.ttf') format('truetype'), + url('./fonts/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg'); } /* PT Sans Bold Italic */ @font-face { - font-family: 'PT Sans'; - font-weight: 700; - font-style: italic; - src: url('./fonts/pt_sans-web-bolditalic-webfont.eot'); - src: url('./fonts/pt_sans-web-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/pt_sans-web-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/pt_sans-web-bolditalic-webfont.woff') format('woff'), - url('./fonts/pt_sans-web-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/pt_sans-web-bolditalic-webfont.svg#pt_sansbold_italic') format('svg'); + font-family: 'PT Sans'; + font-weight: 700; + font-style: italic; + src: url('./fonts/pt_sans-web-bolditalic-webfont.eot'); + src: url('./fonts/pt_sans-web-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/pt_sans-web-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/pt_sans-web-bolditalic-webfont.woff') format('woff'), + url('./fonts/pt_sans-web-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/pt_sans-web-bolditalic-webfont.svg#pt_sansbold_italic') format('svg'); } /* Source Sans Pro */ @font-face { - font-family: 'Source Sans Pro'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Source-Sans-Pro-regular.eot'); - src: local('Source Sans Pro'), local('Source-Sans-Pro-regular'), - url('./fonts/Source-Sans-Pro-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Source-Sans-Pro-regular.woff2') format('woff2'), - url('./fonts/Source-Sans-Pro-regular.woff') format('woff'), - url('./fonts/Source-Sans-Pro-regular.ttf') format('truetype'), - url('./fonts/Source-Sans-Pro-regular.svg#SourceSansPro') format('svg'); + font-family: 'Source Sans Pro'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Source-Sans-Pro-regular.eot'); + src: local('Source Sans Pro'), local('Source-Sans-Pro-regular'), + url('./fonts/Source-Sans-Pro-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Source-Sans-Pro-regular.woff2') format('woff2'), + url('./fonts/Source-Sans-Pro-regular.woff') format('woff'), + url('./fonts/Source-Sans-Pro-regular.ttf') format('truetype'), + url('./fonts/Source-Sans-Pro-regular.svg#SourceSansPro') format('svg'); } /* Source Sans Pro Italic */ @font-face { - font-family: 'Source Sans Pro'; - font-weight: 400; - font-style: italic; - src: url('./fonts/sourcesanspro-italic-webfont.eot'); - src: url('./fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/sourcesanspro-italic-webfont.woff2') format('woff2'), - url('./fonts/sourcesanspro-italic-webfont.woff') format('woff'), - url('./fonts/sourcesanspro-italic-webfont.ttf') format('truetype'), - url('./fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg'); + font-family: 'Source Sans Pro'; + font-weight: 400; + font-style: italic; + src: url('./fonts/sourcesanspro-italic-webfont.eot'); + src: url('./fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/sourcesanspro-italic-webfont.woff2') format('woff2'), + url('./fonts/sourcesanspro-italic-webfont.woff') format('woff'), + url('./fonts/sourcesanspro-italic-webfont.ttf') format('truetype'), + url('./fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg'); } /* Source Sans Pro Bold */ @font-face { - font-family: 'Source Sans Pro'; - font-weight: 700; - font-style: normal; - src: url('./fonts/sourcesanspro-bold-webfont.eot'); - src: url('./fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/sourcesanspro-bold-webfont.woff2') format('woff2'), - url('./fonts/sourcesanspro-bold-webfont.woff') format('woff'), - url('./fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), - url('./fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); + font-family: 'Source Sans Pro'; + font-weight: 700; + font-style: normal; + src: url('./fonts/sourcesanspro-bold-webfont.eot'); + src: url('./fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/sourcesanspro-bold-webfont.woff2') format('woff2'), + url('./fonts/sourcesanspro-bold-webfont.woff') format('woff'), + url('./fonts/sourcesanspro-bold-webfont.ttf') format('truetype'), + url('./fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); } /* Source Sans Pro Bold Italic */ @font-face { - font-family: 'Source Sans Pro'; - font-weight: 700; - font-style: italic; - src: url('./fonts/sourcesanspro-bolditalic-webfont.eot'); - src: url('./fonts/sourcesanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/sourcesanspro-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/sourcesanspro-bolditalic-webfont.woff') format('woff'), - url('./fonts/sourcesanspro-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic') format('svg'); + font-family: 'Source Sans Pro'; + font-weight: 700; + font-style: italic; + src: url('./fonts/sourcesanspro-bolditalic-webfont.eot'); + src: url('./fonts/sourcesanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/sourcesanspro-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/sourcesanspro-bolditalic-webfont.woff') format('woff'), + url('./fonts/sourcesanspro-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic') format('svg'); } /* Exo 2 */ @font-face { - font-family: 'Exo 2'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Exo-2-regular.eot'); - src: local('Exo 2'), local('Exo-2-regular'), - url('./fonts/Exo-2-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Exo-2-regular.woff2') format('woff2'), - url('./fonts/Exo-2-regular.woff') format('woff'), - url('./fonts/Exo-2-regular.ttf') format('truetype'), - url('./fonts/Exo-2-regular.svg#Exo2') format('svg'); + font-family: 'Exo 2'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Exo-2-regular.eot'); + src: local('Exo 2'), local('Exo-2-regular'), + url('./fonts/Exo-2-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Exo-2-regular.woff2') format('woff2'), + url('./fonts/Exo-2-regular.woff') format('woff'), + url('./fonts/Exo-2-regular.ttf') format('truetype'), + url('./fonts/Exo-2-regular.svg#Exo2') format('svg'); } /* Exo 2 Italic */ @font-face { - font-family: 'Exo 2'; - font-weight: 400; - font-style: italic; - src: url('./fonts/exo2-italic-webfont.eot'); - src: url('./fonts/exo2-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/exo2-italic-webfont.woff2') format('woff2'), - url('./fonts/exo2-italic-webfont.woff') format('woff'), - url('./fonts/exo2-italic-webfont.ttf') format('truetype'), - url('./fonts/exo2-italic-webfont.svg#exo_2italic') format('svg'); + font-family: 'Exo 2'; + font-weight: 400; + font-style: italic; + src: url('./fonts/exo2-italic-webfont.eot'); + src: url('./fonts/exo2-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/exo2-italic-webfont.woff2') format('woff2'), + url('./fonts/exo2-italic-webfont.woff') format('woff'), + url('./fonts/exo2-italic-webfont.ttf') format('truetype'), + url('./fonts/exo2-italic-webfont.svg#exo_2italic') format('svg'); } /* Exo 2 Bold */ @font-face { - font-family: 'Exo 2'; - font-weight: 700; - font-style: normal; - src: url('./fonts/exo2-bold-webfont.eot'); - src: url('./fonts/exo2-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/exo2-bold-webfont.woff2') format('woff2'), - url('./fonts/exo2-bold-webfont.woff') format('woff'), - url('./fonts/exo2-bold-webfont.ttf') format('truetype'), - url('./fonts/exo2-bold-webfont.svg#exo_2bold') format('svg'); + font-family: 'Exo 2'; + font-weight: 700; + font-style: normal; + src: url('./fonts/exo2-bold-webfont.eot'); + src: url('./fonts/exo2-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/exo2-bold-webfont.woff2') format('woff2'), + url('./fonts/exo2-bold-webfont.woff') format('woff'), + url('./fonts/exo2-bold-webfont.ttf') format('truetype'), + url('./fonts/exo2-bold-webfont.svg#exo_2bold') format('svg'); } /* Exo 2 Bold Italic */ @font-face { - font-family: 'Exo 2'; - font-weight: 700; - font-style: italic; - src: url('./fonts/exo2-bolditalic-webfont.eot'); - src: url('./fonts/exo2-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/exo2-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/exo2-bolditalic-webfont.woff') format('woff'), - url('./fonts/exo2-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/exo2-bolditalic-webfont.svg#exo_2bold_italic') format('svg'); + font-family: 'Exo 2'; + font-weight: 700; + font-style: italic; + src: url('./fonts/exo2-bolditalic-webfont.eot'); + src: url('./fonts/exo2-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/exo2-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/exo2-bolditalic-webfont.woff') format('woff'), + url('./fonts/exo2-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/exo2-bolditalic-webfont.svg#exo_2bold_italic') format('svg'); } /* Ubuntu */ @font-face { - font-family: 'Ubuntu'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Ubuntu-regular.eot'); - src: local('Ubuntu'), local('Ubuntu-regular'), - url('./fonts/Ubuntu-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Ubuntu-regular.woff2') format('woff2'), - url('./fonts/Ubuntu-regular.woff') format('woff'), - url('./fonts/Ubuntu-regular.ttf') format('truetype'), - url('./fonts/Ubuntu-regular.svg#Ubuntu') format('svg'); + font-family: 'Ubuntu'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Ubuntu-regular.eot'); + src: local('Ubuntu'), local('Ubuntu-regular'), + url('./fonts/Ubuntu-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Ubuntu-regular.woff2') format('woff2'), + url('./fonts/Ubuntu-regular.woff') format('woff'), + url('./fonts/Ubuntu-regular.ttf') format('truetype'), + url('./fonts/Ubuntu-regular.svg#Ubuntu') format('svg'); } /* Ubuntu Italic */ @font-face { - font-family: 'Ubuntu'; - font-weight: 400; - font-style: italic; - src: url('./fonts/ubuntu-italic-webfont.eot'); - src: url('./fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/ubuntu-italic-webfont.woff2') format('woff2'), - url('./fonts/ubuntu-italic-webfont.woff') format('woff'), - url('./fonts/ubuntu-italic-webfont.ttf') format('truetype'), - url('./fonts/ubuntu-italic-webfont.svg#ubuntuitalic') format('svg'); + font-family: 'Ubuntu'; + font-weight: 400; + font-style: italic; + src: url('./fonts/ubuntu-italic-webfont.eot'); + src: url('./fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/ubuntu-italic-webfont.woff2') format('woff2'), + url('./fonts/ubuntu-italic-webfont.woff') format('woff'), + url('./fonts/ubuntu-italic-webfont.ttf') format('truetype'), + url('./fonts/ubuntu-italic-webfont.svg#ubuntuitalic') format('svg'); } /* Ubuntu Bold */ @font-face { - font-family: 'Ubuntu'; - font-weight: 700; - font-style: normal; - src: url('./fonts/ubuntu-bold-webfont.eot'); - src: url('./fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/ubuntu-bold-webfont.woff2') format('woff2'), - url('./fonts/ubuntu-bold-webfont.woff') format('woff'), - url('./fonts/ubuntu-bold-webfont.ttf') format('truetype'), - url('./fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg'); + font-family: 'Ubuntu'; + font-weight: 700; + font-style: normal; + src: url('./fonts/ubuntu-bold-webfont.eot'); + src: url('./fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/ubuntu-bold-webfont.woff2') format('woff2'), + url('./fonts/ubuntu-bold-webfont.woff') format('woff'), + url('./fonts/ubuntu-bold-webfont.ttf') format('truetype'), + url('./fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg'); } /* Ubuntu Bold Italic */ @font-face { - font-family: 'Ubuntu'; - font-weight: 700; - font-style: italic; - src: url('./fonts/ubuntu-bolditalic-webfont.eot'); - src: url('./fonts/ubuntu-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/ubuntu-bolditalic-webfont.woff2') format('woff2'), - url('./fonts/ubuntu-bolditalic-webfont.woff') format('woff'), - url('./fonts/ubuntu-bolditalic-webfont.ttf') format('truetype'), - url('./fonts/ubuntu-bolditalic-webfont.svg#ubuntubold_italic') format('svg'); + font-family: 'Ubuntu'; + font-weight: 700; + font-style: italic; + src: url('./fonts/ubuntu-bolditalic-webfont.eot'); + src: url('./fonts/ubuntu-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/ubuntu-bolditalic-webfont.woff2') format('woff2'), + url('./fonts/ubuntu-bolditalic-webfont.woff') format('woff'), + url('./fonts/ubuntu-bolditalic-webfont.ttf') format('truetype'), + url('./fonts/ubuntu-bolditalic-webfont.svg#ubuntubold_italic') format('svg'); } /* Roboto Slab */ @font-face { - font-family: 'Roboto Slab'; - font-weight: 400; - font-style: normal; - src: url('./fonts/Roboto-Slab-regular.eot'); - src: local('Roboto Slab Regular'), local('Roboto-Slab-regular'), - url('./fonts/Roboto-Slab-regular.eot?#iefix') format('embedded-opentype'), - url('./fonts/Roboto-Slab-regular.woff2') format('woff2'), - url('./fonts/Roboto-Slab-regular.woff') format('woff'), - url('./fonts/Roboto-Slab-regular.ttf') format('truetype'), - url('./fonts/Roboto-Slab-regular.svg#RobotoSlab') format('svg'); + font-family: 'Roboto Slab'; + font-weight: 400; + font-style: normal; + src: url('./fonts/Roboto-Slab-regular.eot'); + src: local('Roboto Slab Regular'), local('Roboto-Slab-regular'), + url('./fonts/Roboto-Slab-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/Roboto-Slab-regular.woff2') format('woff2'), + url('./fonts/Roboto-Slab-regular.woff') format('woff'), + url('./fonts/Roboto-Slab-regular.ttf') format('truetype'), + url('./fonts/Roboto-Slab-regular.svg#RobotoSlab') format('svg'); } /* Roboto Slab Bold */ @font-face { - font-family: 'Roboto Slab'; - font-weight: 700; - font-style: normal; - src: url('./fonts/robotoslab-bold-webfont.eot'); - src: url('./fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('./fonts/robotoslab-bold-webfont.woff2') format('woff2'), - url('./fonts/robotoslab-bold-webfont.woff') format('woff'), - url('./fonts/robotoslab-bold-webfont.ttf') format('truetype'), - url('./fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg'); + font-family: 'Roboto Slab'; + font-weight: 700; + font-style: normal; + src: url('./fonts/robotoslab-bold-webfont.eot'); + src: url('./fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('./fonts/robotoslab-bold-webfont.woff2') format('woff2'), + url('./fonts/robotoslab-bold-webfont.woff') format('woff'), + url('./fonts/robotoslab-bold-webfont.ttf') format('truetype'), + url('./fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg'); } -.font--open_sans { - font-family: 'Open Sans', 'sans-serif'; +.app__body.font--open_sans { + font-family: 'Open Sans', 'sans-serif'; } -.font--droid_serif { - font-family: 'Droid Serif', 'serif'; +.app__body.font--droid_serif { + font-family: 'Droid Serif', 'serif'; } -.font--roboto_slab { - font-family: 'Roboto Slab', 'serif'; +.app__body.font--roboto_slab { + font-family: 'Roboto Slab', 'serif'; } -.font--lora { - font-family: 'Lora', 'serif'; +.app__body.font--lora { + font-family: 'Lora', 'serif'; } -.font--arvo { - font-family: 'Arvo', 'serif'; +.app__body.font--arvo { + font-family: 'Arvo', 'serif'; } -.font--roboto { - font-family: 'Roboto', 'sans-serif'; +.app__body.font--roboto { + font-family: 'Roboto', 'sans-serif'; } -.font--pt_sans { - font-family: 'PT Sans', 'sans-serif'; +.app__body.font--pt_sans { + font-family: 'PT Sans', 'sans-serif'; } -.font--lato { - font-family: 'Lato', 'sans-serif'; +.app__body.font--lato { + font-family: 'Lato', 'sans-serif'; } -.font--source_sans_pro { - font-family: 'Source Sans Pro', 'sans-serif'; +.app__body.font--source_sans_pro { + font-family: 'Source Sans Pro', 'sans-serif'; } -.font--exo_2 { - font-family: 'Exo 2', 'sans-serif'; +.app__body.font--exo_2 { + font-family: 'Exo 2', 'sans-serif'; } -.font--ubuntu { - font-family: Ubuntu, 'sans-serif'; +.app__body.font--ubuntu { + font-family: Ubuntu, 'sans-serif'; } -- cgit v1.2.3-1-g7c22