webフォント

WEB FONTS

CSS3で追加された「Webフォント」機能と、webで公開されているフリーのゲーム風フォントを使って、ゲーム画面を再現してみるテスト。

Webフォントとは、指定されたフォントを、webからダウンロードしてブラウザに表示する機能です。これでもう「自分のウェブサイトに独自のフォントを使ったら、他のPCで表示されなかった」なんて悩みとはお別れさ！

NES

まずは、フリーのファミコン風フォント。

こんな　げーむに　まじに
なっちゃって　どうするの

NEMESIS

お次はフリーのグラディウス風フォント、2種。

下はcssで影付けしています。

<gradius>

PRESS START

ONE PLAYER ONLY

1ST BONUS AT 30000PTS

AND THEN EVERY 80000PTS

FANTASY ZONE

こちらは、フリーのファンタジーゾーン風フォント。

文字の色とアウトラインの色が反転しているのはご愛嬌ｗ

LONG AGO, FAR AWAY IN SPACE,
THERE EXISTED A "FANTASY ZONE" WHERE
A COURAGEOUS HERO CALLED OPA-OPA (THE
PLAYER) FOUGHT IN A VALIANT CAUSE
TO RESCURE THE "FANTASY ZONE"
FROM ITS ENEMIES.

GHOSTS'N GOBLINS

フリーの魔界村風フォント + 影付け。

PRESS START BUTTON

1 PLAYER ONLY

1ST BONUS   20000  PTS

2ND BONUS   70000  PTS

AND EVERY   70000  PTS

HYDLIDE

フリーのハイドライド風フォント。

IN OTHER DIMENSIONAL SPACE
THREE JEWELS KEPT THE KINGDOM

IN SPACE
BUT THE JEWELS WERE STOLEN

AND VARALYS WOKE FROM SLEEP
VARALYS MADE ANN INTO FAIRIES

A MAN CALLED JIM WHO COULD

NOT ENDURE TO SEE PEOPLE
TORTURED DECIDED TO

EXTERMINATE THE DEVIL

HE TRIED TO ATTACK

THE MONSTERS

TO REESTABLISH THE KINGDOM

HIT "BREAK" KEY

HYDLIDE II

フリーのハイドライドⅡ風フォント。

-HYDLIDE II-
"SHINE OF DARKNESS#

STORY

THIS IS A STORY OCCURRED IN
DIFFERENT SPACE FROM WE LIVE.
IT WAS A WONDERFUL WORLD
DOMINATED BY THE SWORDS AND
THE MAGIC.THOSE WHO LIVING IN
THAT WORLD CALLED THERE

"FAIRY LAND#

AS THE TIMES DOMINATED BY
THE MONSTERS HAD FINISHED,
PEOPLE WERE INTOXICATED WITH
PEACE,AS YOU KNOW.