Linked the Ubuntu Monospace font
authorMegaBrutal <code+git@megabrutal.com>
Mon, 18 Apr 2016 15:50:30 +0000 (17:50 +0200)
committerMegaBrutal <code+git@megabrutal.com>
Mon, 18 Apr 2016 15:50:30 +0000 (17:50 +0200)
Ubuntu Mono is installed on Ubuntu systems by default, but
non-Ubuntu computers had to fall back to a default font.

Now the Ubuntu Monospace font is uploaded and referenced in the
CSS, so browsers will download and use it to render in-game text.

modified:   index.html
modified:   shapeshift.html

index.html
shapeshift.html

index 138de3cd83a9ce21bfe766d853b2a58e8311b336..e9277ba99a1eb980f4356ec2cb1f89ecdabe97f4 100644 (file)
@@ -2,18 +2,19 @@
 <html lang="en">
 <head>
        <meta charset="utf-8"/>
-       <title>Ludum Dare 35 – Shapeshifting Goddess!</title>
+       <title>Ludum Dare 35 – Shapeshifting Goddess</title>
        <meta name="description" content="" />
        <style>
+               @font-face { font-family: "Ubuntu Mono"; src: url(UbuntuMono-R.ttf); }
                h1 { text-decoration: underline; }
-               body { font-family: monospace; color: #FFFFFF; background: #000000; }
+               body { font-family: "Ubuntu Mono", monospace; color: #FFFFFF; background: #000000; }
        </style>
 </head>
 <body>
        <div align="center">
-       <h1>Shapeshifting Goddess!</h1>
+       <h1>Shapeshifting Goddess</h1>
        <h2>(Game for Ludum Dare 35)</h2>
-       <iframe width=850 height=650 frameborder="0" scrolling="no" src="shapeshift.html" seamless>Sorry, your browser is not supported. :(</iframe>
+       <iframe width=800 height=600 frameborder="0" scrolling="no" src="shapeshift.html" seamless>Sorry, your browser is not supported. :(</iframe>
        <h2>By MegaBrutal</h2>
        </div>
 </body>
index 84916f933ea6cf5cc8757130aaefbd9ad5121619..9af28b99076b5491646bbd784db2ec2b9cc49d49 100644 (file)
@@ -2,8 +2,12 @@
 <html>
     <head>
         <meta charset="UTF-8" />
-        <title>Ludum Dare 35 – Shapeshifting Goddess!</title>
+        <title>Ludum Dare 35 – Shapeshifting Goddess</title>
         <script src="phaser.min.js"></script>
+       <style>
+               @font-face { font-family: "Ubuntu Mono"; src: url(UbuntuMono-R.ttf); }
+               body { font-family: "Ubuntu Mono", monospace; color: #000000; background: #000000; }
+       </style>
     </head>
     <body>