Commit ec445428 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Add webfont import rules and font assets. Add some minor CSS tweaks

parent 61034ce5
...@@ -173,6 +173,8 @@ export default { ...@@ -173,6 +173,8 @@ export default {
/* Same max-width as on main in default.vue. */ /* Same max-width as on main in default.vue. */
max-width: 45rem; max-width: 45rem;
/* so text doesn’t bump against edges of viewport */
padding: 0 0.5rem;
} }
.profile-bio { .profile-bio {
...@@ -182,9 +184,13 @@ export default { ...@@ -182,9 +184,13 @@ export default {
/* Same max-width as on main in default.vue. */ /* Same max-width as on main in default.vue. */
max-width: 45rem; max-width: 45rem;
/* so text doesn’t bump against edges of viewport */
padding: 0 0.5rem;
} }
.profile-image { .profile-image {
background-size: cover;
box-sizing: content-box;
/* Make image circular with a white border. */ /* Make image circular with a white border. */
border: 0.175rem solid white; border: 0.175rem solid white;
border-radius: 50%; border-radius: 50%;
......
...@@ -47,13 +47,42 @@ export default { ...@@ -47,13 +47,42 @@ export default {
</script> </script>
<style> <style>
@font-face {
font-family: 'Lato';
src: url('~/assets/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
src: url('~/assets/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('~/assets/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
url('~/assets/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
url('~/assets/fonts/Lato-Bold.ttf') format('truetype');
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'Lato';
src: url('~/assets/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
src: url('~/assets/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('~/assets/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
url('~/assets/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
url('~/assets/fonts/Lato-Regular.ttf') format('truetype');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
html, body {
min-width: 18rem;
}
html { html {
font-size: 1rem; font-size: 1rem;
} }
body { body {
font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
line-height: 1.5rem; line-height: 1.2rem;
/* Remove browsers’ default padding on body. */ /* Remove browsers’ default padding on body. */
margin: 0; margin: 0;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment