diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2016-01-08 19:51:07 -0800 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2016-01-08 19:55:29 -0800 |
| commit | 67c8ca7647b15eb7f6fd512abb96c249eca5d367 (patch) | |
| tree | 19a917c1c56faa9ccf9779942e2dd08da0cccc19 | |
| parent | 0e394eaefb5d38db1d3f8c9c3fe4c78e9bc684d7 (diff) | |
| download | my_new_personal_website-67c8ca7647b15eb7f6fd512abb96c249eca5d367.tar.xz my_new_personal_website-67c8ca7647b15eb7f6fd512abb96c249eca5d367.zip | |
Site design refresh part III: nav, i.e. logo
Surprisingly, a tweaked Arial isn't so bad. Saying goodbye to Open Sans,
which was tweaked to minic Helvetica Neue in the first place.
| -rw-r--r-- | source/css/fonts.css | 13 | ||||
| -rw-r--r-- | source/css/theme.css | 25 |
2 files changed, 14 insertions, 24 deletions
diff --git a/source/css/fonts.css b/source/css/fonts.css index fbfedc58..7e591388 100644 --- a/source/css/fonts.css +++ b/source/css/fonts.css @@ -1,16 +1,3 @@ -/* open-sans-regular - latin */ -@font-face { - font-family: 'Open Sans'; - font-style: normal; - font-weight: 400; - src: url('../fonts/open-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */ - src: local('Open Sans'), local('OpenSans'), - url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('../fonts/open-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ - url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ -} /* icon font from fontello */ @font-face { font-family: 'fontello'; diff --git a/source/css/theme.css b/source/css/theme.css index 8234d2e7..57375f1c 100644 --- a/source/css/theme.css +++ b/source/css/theme.css @@ -39,28 +39,31 @@ only screen and ( min-resolution: 1.25dppx) { .nav-icon:before { content: "ZW"; display: inline-block; - font-family: "Open Sans"; - font-size: 36px; + position: relative; + top: 1px; + left: 1px; + font-family: "Helvetica Neue", Arial, sans-serif; + font-size: 35px; font-weight: normal; + letter-spacing: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; - /* stretch to mimic Helvetica Neue */ - transform: scale(1,0.9); - -webkit-transform: scale(1,0.9); - -moz-transform: scale(1,0.9); - -ms-transform: scale(1,0.9); - -o-transform: scale(1,0.9); + transform: scale(1,0.95); + -webkit-transform: scale(1,0.95); + -moz-transform: scale(1,0.95); + -ms-transform: scale(1,0.95); + -o-transform: scale(1,0.95); } .nav-title { - font-size: 16px; + font-size: 17px; font-weight: bold; - margin: 1px 0; + margin: 2px 0 1px 0; } .nav-author { - font-size: 12px; + font-size: 13px; } .nav-link { |