3300.me

font_smoothing

last update: 2016/02/06
<!doctype html>
<meta charset="utf-8">
<title>title</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">

<style>
div {
  margin-bottom:20px;
  padding: 6px;
}
.default {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
}
.smooth {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.none {
  -moz-osx-font-smoothing: none;
  -webkit-font-smoothing: none;
}
</style>

<div class="default">abcdefghijklmnopqrstuvwxyzあいうえお<br>default</div>
<div class="smooth">abcdefghijklmnopqrstuvwxyzあいうえお<br>smooth</div>
<div class="none">abcdefghijklmnopqrstuvwxyzあいうえお<br>none</div>

code_popup

sample