游ゴシック／游明朝体指定 «

游ゴシック／游明朝体指定

游明朝体を指定してみました。
注）font-weight: 500;はWindowsでかすれるので使用しない。

游ゴシックを指定してみました游ゴシックを指定してみました游ゴシックを指定してみました。

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:100)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:200)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:300)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:400)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:500)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:600)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:700)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:800)

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:900)

CSS

p.mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #262626;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.8em;
}

@font-face {
    font-family: "YuGothic M";
    src: local("Yu Gothic Medium")
}
p.gothic {
font-family: YuGothicM, YuGothic, 游ゴシック, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

.YuGothic100 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:100;
}

.YuGothic200 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:200;
}

.YuGothic300 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:300;
}

.YuGothic400 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:400;
}

.YuGothic500 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:500;
}

.YuGothic600 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:600;
}

.YuGothic700 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:700;
}

.YuGothic800 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:800;
}

.YuGothic900 {
  font-family:"Yu Gothic";
  font-size:18px;
  font-weight:900;
}

.YuMincho100 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:100;
}

.YuMincho200 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:200;
}

.YuMincho300 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:300;
}

.YuMincho400 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:400;
}

.YuMincho500 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:500;
}

.YuMincho600 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:600;
}

.YuMincho700 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:700;
}

.YuMincho800 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:800;
}

.YuMincho900 {
  font-family:"Yu Mincho";
  font-size:18px;
  font-weight:900;
}

HTML

<p class="mincho">
游明朝体を指定してみました。<br />
注）font-weight: 500;はWindowsでかすれるので使用しない。
</p>

<p class="gothic">
游ゴシックを指定してみました游ゴシックを指定してみました游ゴシックを指定してみました。
</p>

<div class="YuGothic100">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:100)</div>
  <hr />
  <div class="YuGothic200">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:200)</div>
  <hr />
  <div class="YuGothic300">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:300)</div>
  <hr />
  <div class="YuGothic400">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:400)</div>
  <hr />
  <div class="YuGothic500">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:500)</div>
  <hr />
  <div class="YuGothic600">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:600)</div>
  <hr />
  <div class="YuGothic700">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:700)</div>
  <hr />
  <div class="YuGothic800">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:800)</div>
  <hr />
  <div class="YuGothic900">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:900)</div>
  <hr />

<div class="YuMincho100">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:100)</div>
  <hr />
  <div class="YuMincho200">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:200)</div>
  <hr />
  <div class="YuMincho300">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:300)</div>
  <hr />
  <div class="YuMincho400">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:400)</div>
  <hr />
  <div class="YuMincho500">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:500)</div>
  <hr />
  <div class="YuMincho600">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:600)</div>
  <hr />
  <div class="YuMincho700">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:700)</div>
  <hr />
  <div class="YuMincho800">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:800)</div>
  <hr />
  <div class="YuMincho900">あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。(font-weight:900)</div>
  <hr />

snipetsNakazawa's Collection

游ゴシック／游明朝体指定

CSS

HTML

CONTENTS