3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【ネタ】CSSで「ABBA」ってちゃんと表示するコード

Last updated at Posted at 2016-10-27

祝! 再結成!

コード

HTML

<p>A<span class="rotate">B</span>BA</p>

CSS

.rotate {
    display: inline-block;
    transform: rotateY(180deg);
}

ロゴのタイプフェイスについて

ABBA Font and ABBA Logoによると……

The ABBA logotype, designed in 1976 by Swedish artist Rune Söderqvist and first appeared on the cover artwork of their 1976 album Arrival, features first letters of four members’ first names set in News Gothic Bold, with the first B letter inverted. News Gothic Bold is a commercial font and details about it can be found here.

ABBA ロゴは Rune Söderqvist 氏によるオリジナルで『News Gothic Bold』をベースにしているとのことです。『News Gothic Bold』は有償なので、ウェブで使う場合は似たようなフォントを Google Fonts で探すとかなんかうまいことやりましょう。

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?