aboutsummaryrefslogtreecommitdiff
path: root/source
diff options
context:
space:
mode:
authorZhiming Wang <zmwangx@gmail.com>2016-01-08 19:51:07 -0800
committerZhiming Wang <zmwangx@gmail.com>2016-01-08 19:55:29 -0800
commit67c8ca7647b15eb7f6fd512abb96c249eca5d367 (patch)
tree19a917c1c56faa9ccf9779942e2dd08da0cccc19 /source
parent0e394eaefb5d38db1d3f8c9c3fe4c78e9bc684d7 (diff)
downloadmy_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.
Diffstat (limited to 'source')
-rw-r--r--source/css/fonts.css13
-rw-r--r--source/css/theme.css25
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 {