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

祝！ 再結成！

コード

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 で探すとかなんかうまいことやりましょう。