diff options
| author | Adam Spragg <adam@spra.gg> | 2018-06-18 14:42:26 +0100 |
|---|---|---|
| committer | Adam Spragg <adam@spra.gg> | 2018-06-18 14:42:26 +0100 |
| commit | cfa960d860fa30c7e2bb63cdf1c32e4f200b98ae (patch) | |
| tree | ca5a20af930cefd8ac18e2d406604b10c8c56af5 | |
| parent | 3f7e4f8f89084378c78da616c66644364be77d2e (diff) | |
Use DejaVu Sans Mono for the page titles
Rather than the generic "sans-serif"
| -rw-r--r-- | html/about | 27 | ||||
| -rw-r--r-- | html/index.php | 2 | ||||
| l--------- | html/style/DejaVuSansMono.ttf | 1 | ||||
| -rw-r--r-- | html/style/main.css | 17 |
4 files changed, 35 insertions, 12 deletions
@@ -1,12 +1,17 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Spragg Software Services Ltd.</title> + <title>About - Spragg Software Services Ltd.</title> <link rel="stylesheet" href="/style/main.css" /> + <style> + h1.test { + font-family: "DejaVuSansMono", serif; + } + </style> </head> <body> <header> - <h1>About</h1> + <h1 class="test">SSSL / About</h1> <nav> <ul> <li><a href="/">Home</a></li> @@ -22,16 +27,18 @@ <h2><img src="/img/icons/Faenza/mimetypes/32/text-x-copying.png" alt="©" /> 3rd party resources</h2> <p>First up, as well as whatever other web apps I end up putting in various places on the site, - up front I should point out that the icons I use on the main site are from the + up front I should point out that the fonts and icons I use on the main site are the + <a href="https://dejavu-fonts.github.io/">DejaVu</a> fonts under the + <a href="https://dejavu-fonts.github.io/License.html">DejaVu Fonts License</a>, the <a href="https://www.gnome-look.org/content/show.php/Faenza?content=128143">Faenza</a> - and <a href="https://techbase.kde.org/Projects/Oxygen">Oxygen</a> icon sets, and - redistributed under the terms of the - <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPL 3</a> (Faenza) and - <a href="https://www.gnu.org/licenses/lgpl-3.0.en.html">LGPL 3</a> (Oxygen) - respectively. + icon set under the + <a href="https://www.gnu.org/licenses/gpl-3.0.en.html">GPL 3</a>, and the + <a href="https://techbase.kde.org/Projects/Oxygen">Oxygen</a> icon set under the + <a href="https://www.gnu.org/licenses/lgpl-3.0.en.html">LGPL 3</a>. As well as linking to the project websites themselves, as required by their licences I am - providing the source tarballs that I have been provided by my upstream (Debian) for download - from this site, at <a href="/src">/src</a>.</p> + providing the source files that I have been provided by my upstream + (<a href="https://www.debian.org/">Debian</a>) for download from this site, at + <a href="/src">/src</a>.</p> <p>Also, the Netscape logo on this page is taken from <a href="https://en.wikipedia.org/wiki/File:Netscape_icon.svg">Wikipedia's File:Netscape_icon.svg</a> diff --git a/html/index.php b/html/index.php index bbb44ae..89ea644 100644 --- a/html/index.php +++ b/html/index.php @@ -10,7 +10,7 @@ </head> <body> <header> - <h1>Spragg Software Services Ltd</h1> + <h1>Spragg Software Services Ltd.</h1> <nav> <ul> <li class="selected"><a href="/">Home</a></li> diff --git a/html/style/DejaVuSansMono.ttf b/html/style/DejaVuSansMono.ttf new file mode 120000 index 0000000..7652b1c --- /dev/null +++ b/html/style/DejaVuSansMono.ttf @@ -0,0 +1 @@ +/usr/share/fonts/truetype/dejavu/DejaVuSansMono.ttf
\ No newline at end of file diff --git a/html/style/main.css b/html/style/main.css index 7704395..776a122 100644 --- a/html/style/main.css +++ b/html/style/main.css @@ -1,3 +1,18 @@ + +@font-face { + /* + * Define "DejaVuSansMono" font face to use local version if the user already has it, or provide the .ttf if + * they don't. + * + * Source tarballs and associated files for the DejaVu font available from https://spragg-ssl.co.uk/src + * + * More information available from https://spragg-ssl.co.uk/about + */ + font-family: "DejaVuSansMono"; + src: local("DejaVu Sans Mono"), + url("/style/DejaVuSansMono.ttf") format("truetype"); +} + html { background-color: #f0fff0; background-image: url('/style/grid.png'); @@ -24,7 +39,7 @@ body > header { } h1 { - font-family: monospace; + font-family: "DejaVuSansMono", monospace; /*font-variant: small-caps;*/ text-align: center; text-shadow: 0 0 0.2em #00c000; |