世界で気になるサイトのフォントファミリーが知りたい！

現在の世界のWebサイトでは、どのようなフォントを使用しているのか。
単純な好奇心で見ていきたいと思います。
今回はファッション系サイト。独断と偏見で選びました。

#日本
![COMME_des_GARÇONS.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/4c4da6aa-d75e-1869-3643-e0ce089d17b9.jpeg)


####[**COMME des GARÇONS（コム デ ギャルソン）**](http://www.comme-des-garcons.com/index_3.html)


```css:トップページbody
    color: #FFF;
    font-size: 12px;
    line-height: 14px;
    font-family: 'HelveticaNeueW01-95Blac', "Helvetica Neue CE 95 Black",
    "Helvetica Neue LT 95 Black", "Helvetica Neue 95 Black", 
    "HelveticaNeue-Black", "Helvetica Neue Black", "Helvetica Neue CE 85 Heavy",
    "Helvetica Neue LT 85 Heavy", "Helvetica Neue 85 Heavy", "HelveticaNeue-Heavy",
    "Helvetica Neue Heavy", "Helvetica Neue CE 75 Bold", "Helvetica Neue LT 75 Bold", 
    "Helvetica Neue 75 Bold", "HelveticaNeue-Bold", "Helvetica Neue Bold", 
    "Helvetica Neue", 'HelveticaNeueW01-85Heav', Arial, "Lucida Grande", sans-serif;

```

```css:ショップリストbody
    margin: 0;
    padding: 0 0 0 0;
    background-color: #FFF;
    background-image: url(../images/cdg-bg-halftonepolka-rev2.png);
    background-size: 500px 500px;
    background-position: 0 0,250px 250px;
    background-attachment: fixed;
    color: #000;
    font-size: 34px;
    line-height: 39px;
    font-family: "Gothic MB101 Ultra";

```

#中国
![wuyonguseless.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/539b1f26-5fe7-6663-2b2d-7df0282f8434.jpeg)


####[**wuyonguseless（ウー・ヨン）**](http://www.wuyonguseless.com/Default.aspx)

```css:body
    font-family: '楷体', '微软雅黑', 'Microsoft YaHei', Tahoma;
    font-size: 11px;
    line-height: 22px;
    color: #1a1a1a;
    background: #51504a;

```

#韓国
![OBZEE.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/fb0d5d83-ab01-52bc-b2fe-c87bf806987a.jpeg)



####[**OBZEE（オブジェ）**](https://www.obzee.com/obzee/kor/front/index.jsp?nolan)

```css:body
    font-size: 0.75em;
    font-family: '나눔고딕', 'NanumGothicWeb', '돋움', Dotum, Helvetica,
    Verdana, Arial, sans-serif;

```

#アメリカ
![nike.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/0986725a-9f21-92b3-b921-84ca57f37eb7.jpeg)


####[**NIKE（ナイキ）**](http://www.nike.com/us/en_us/)

```css:body
    font-family: OneNikeCurrency,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    min-width: 768px;
    background: #fff;
    position: relative;
    overflow: visible;
    -webkit-font-smoothing: antialiased;
    margin: 0;

```


#イギリス
![BURBERRY.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/0f3e61ea-6c87-8ea7-bb6f-8418f5e9aa84.jpeg)


####[**BURBERRY（バーバリー）**](https://us.burberry.com/)

```css:body
    min-width: 1024px;
    font-size: 68.75%;
    font-family: 'Proxima N W01', Arial, Helvetica, Sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    background-color: #171717;

```


#フランス
![Maison_Kitsuné.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/0ebfbf6c-3adb-7af6-5ccf-aa9b1c06d0c5.jpeg)


####[**MAISON KITSUNÉ（メゾン キツネ）**](https://shop.kitsune.fr/)

```css:body
    background: #fff;
    font: 11px/16px helvetica,Helvetica_R, Verdana, sans-serif;
    color: #000;
    text-align: center;

```

#イタリア
![DIESEL.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/dd6c5e44-aa37-5fe2-ba43-216f53d839fd.jpeg)


####[**DIESEL（ディーゼル）**](http://store.diesel.com/it)

```css:body
    font-family: trade-gotich-medium,Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #191919;
    letter-spacing: 0.075em;
    line-height: 1.4;
    text-transform: none;
    max-width: 1920px;
    margin: 0 auto;

```


#ドイツ
![HUGO BOSS.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/c6ac92b9-69f1-f9fb-fe4d-afe3555429e9.jpeg)


####[**HUGO BOSS（ヒューゴ ボス）**](http://www.hugoboss.com/de/home)

```css:body
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-family: Univers,sans-serif;
    background-color: #EEE;
    font-weight: 300;
    max-width: 100%;
    overflow: auto;
    position: relative;

```

#フィンランド
![marimekko.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/e2a13b0f-02a1-810f-0858-236a54a49e89.jpeg)

####[**marimekko（マリメッコ）**](https://www.marimekko.com/fi_fi/)

```css:body
    font-family: MarimekkoSans,Arial,Verdana,Sans-serif;
    font-size: 14px;
    line-height: 22px;
    background-color: #f6f5f3;

```

#スェーデン
![HM.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/6f065f5b-b8f7-bdac-bfdf-69ed7f1b31f6.jpeg)


####[**H&M（エイチ アンド エム）**](http://www.hm.com/se/)

```css:body
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 16px;
    font-family: Univers,sans-serif;
    background-color: #EEE;
    font-weight: 300;
    max-width: 100%;
    overflow: auto;
    position: relative;

```



#スペイン
![zara.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/cd54ac6a-a127-fab8-0b07-892363ac69e6.jpeg)



####[**ZARA（ザラ）**](http://www.zara.com/es/)

```css:body
    font-family: 'Helvetica','Arial',Sans-Serif;
    color: #222;
    font-size: 11px;
    line-height: 1.231;
    min-width: 990px;

```


#ブラジル
![melissa.jpg](https://qiita-image-store.s3.amazonaws.com/0/73318/161364f7-e1d1-e62d-b4a0-2e4fdad6ebbf.jpeg)



####[**melissa（メリッサ）**](https://www.melissa.com.br/)

```css:body
    font-family: utopia-std-subhead, serif;
    font-size: 16px;
    line-height: 1.625;
    color: #323232;
    overflow-y: scroll;
    -webkit-font-smoothing: subpixel-antialiased;

```

全体的に見ると、フォントはHelvetica, Univers, Arial を使用しているサイトが目立ちました。自社のオリジナルフォントを使用しているのは、NIKE（ナイキ）、marimekko（マリメッコ）。Webフォントは、BURBERRY（バーバリー）の、Proxima N W01と、melissa（メリッサ）の、utopia std subheadというAdobe Typekitのフォントでした。
ファッション系のサイトデザインは写真メインで比較的固い印象です。ブランドイメージがとても重要で、ビジュアルがメインになるよう、なるべくシンプルなフォントを使用しているのだと思います。

今回の試みは、ただの好奇心だったわけですが、
フォントファミリー以外にも、bodyタグのスタイルのつけ方も見ることができ、
とても楽しかったですね。


##参照サイト
[FASHION PRESS](https://www.fashion-press.net/brands/search/10/k_0)
[JDNレポート](https://www.japandesign.ne.jp/HTM/REPORT/seoul/14/)
[週間ファッション情報](http://www.fashion-j.com/bbs/wu_yong.html)