Making games more readable

I've worked a little with css files, just enough to change the background color. Now, that works great, however, when I play the game out of the editor the text is pleasing - full and easily readable. When I upload the game, the text looks "skinny". What can I do to add weight to the bones of my font.

CSS file I use is below. Thanks in advance.

body {
    color: Red;
    background-color: black;
}

a.squiffy-link
{
    text-decoration: underline;
    color: Red;
    cursor: pointer;
}
a.squiffy-link.disabled
{
    text-decoration: inherit;
    color: Brown;
    cursor: inherit;
}
a.squiffy-header-link
{
    text-decoration: underline;
    color: White;
    cursor: pointer;
}
div#squiffy-container
{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-family: Georgia, serif;
}
div#squiffy-header
{
    font-size: 14px;
    text-align: right;
}
div#squiffy
{
    font-size: 18px;
}
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 16px; margin-bottom: 16px;
}

This topic is now closed. Topics are closed after 180 days of inactivity.

Support

Forums