Tune font (#5125)

src/client/app/common/views/components/google.vue

@@ -41,7 +41,6 @@ export default Vue.extend({
 		padding 10px
 		width 100%
 		height 40px
-		font-family sans-serif
 		font-size 16px
 		color var(--googleSearchFg)
 		background var(--googleSearchBg)

src/client/app/common/views/components/page/page.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="iroscrza" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners, center: page.alignCenter }" :style="{ fontFamily: page.font }">
+<div class="iroscrza" :class="{ shadow: $store.state.device.useShadow, round: $store.state.device.roundedCorners, center: page.alignCenter, serif: page.font === 'serif' }">
 	<header v-if="showTitle">
 		<div class="title">{{ page.title }}</div>
 	</header>
@@ -151,6 +151,10 @@ export default Vue.extend({
 	overflow hidden
 	background var(--face)
 	
+	&.serif
+		> div
+			font-family serif
+
 	&.center
 		text-align center
 

src/client/app/desktop/views/components/drive.vue

@@ -10,10 +10,6 @@
 			<span class="separator" v-if="folder != null"><fa icon="angle-right"/></span>
 			<span class="folder current" v-if="folder != null">{{ folder.name }}</span>
 		</div>
-		<!--
-			TODO: #343
-			<input class="search" type="search" placeholder="&#xf002; %i18n:@search%"/>
-		-->
 	</nav>
 	<div class="main" :class="{ uploading: uploadings.length > 0, fetching }"
 		ref="main"
@@ -647,33 +643,6 @@ export default Vue.extend({
 					> [data-icon]
 						margin 0
 
-		> .search
-			display inline-block
-			vertical-align bottom
-			user-select text
-			cursor auto
-			margin 0
-			padding 0 18px
-			width 200px
-			font-size 1em
-			line-height 38px
-			background transparent
-			outline none
-			//border solid 1px #ddd
-			border none
-			border-radius 0
-			box-shadow none
-			transition color 0.5s ease, border 0.5s ease
-			font-family FontAwesome, sans-serif
-
-			&[data-active='true']
-				background #fff
-
-			&::-webkit-input-placeholder,
-			&:-ms-input-placeholder,
-			&:-moz-placeholder
-				color $ui-control-foreground-color
-
 	> .main
 		padding 8px
 		height calc(100% - 38px)

src/client/app/desktop/views/components/ui.header.account.vue

@@ -197,7 +197,6 @@ export default Vue.extend({
 			max-width 16em
 			line-height 48px
 			font-weight bold
-			font-family Meiryo, sans-serif
 			text-decoration none
 
 			@media (max-width 1100px)

src/client/app/init.css

@@ -5,7 +5,7 @@
  */
 
 html {
-	font-family: sans-serif;
+	font-family: Roboto, HelveticaNeue, Arial, sans-serif;
 }
 
 body > noscript {

src/client/app/reset.styl

@@ -15,7 +15,7 @@ progress
 	box-shadow none
 
 textarea
-	font-family sans-serif
+	font-family Roboto, HelveticaNeue, Arial, sans-serif
 
 button
 	margin 0

src/client/style.styl

@@ -18,7 +18,7 @@ html, body
 	padding 0
 	scroll-behavior smooth
 	text-size-adjust 100%
-	font-family sans-serif
+	font-family Roboto, HelveticaNeue, Arial, sans-serif
 
 html.changing-theme
 	&, *

src/server/web/views/info.pug

@@ -8,7 +8,7 @@ html
 		title Misskey
 		style.
 			html {
-				font-family: sans-serif;
+				font-family: Roboto, HelveticaNeue, Arial, sans-serif;
 			}
 
 			main {