include specific font subsets from googleapi fonts - as the defaults seem to vary by browser type (less for mobile)

switch defailt from coda to roboto - looks fine to me, and coda didn't seem to support enough subsets
for #541
This commit is contained in:
Jon Atkins 2013-09-09 01:51:50 +01:00
parent 543e586723
commit 3f9af18ba5
2 changed files with 4 additions and 5 deletions

View File

@ -63,8 +63,7 @@ document.getElementsByTagName('head')[0].innerHTML = ''
+ '<style>@@INCLUDESTRING:style.css@@</style>' + '<style>@@INCLUDESTRING:style.css@@</style>'
+ '<style>@@INCLUDESTRING:external/leaflet.css@@</style>' + '<style>@@INCLUDESTRING:external/leaflet.css@@</style>'
//note: smartphone.css injection moved into code/smartphone.js //note: smartphone.css injection moved into code/smartphone.js
+ '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Coda"/>' + '<link href="http://fonts.googleapis.com/css?family=Roboto:normal,bold&subset=latin,cyrillic-ext,greek-ext,greek,cyrillic,latin-ext,vietnamese" rel="stylesheet" type="text/css">';
+ '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto"/>';
document.getElementsByTagName('body')[0].innerHTML = '' document.getElementsByTagName('body')[0].innerHTML = ''
+ '<div id="map">Loading, please wait</div>' + '<div id="map">Loading, please wait</div>'

View File

@ -9,7 +9,7 @@ html, body, #map {
body { body {
font-size: 14px; font-size: 14px;
font-family: "coda",arial,helvetica,sans-serif; font-family: "roboto",arial,helvetica,sans-serif;
margin: 0; margin: 0;
} }
@ -136,7 +136,7 @@ a:hover {
.fieldmu { .fieldmu {
color: #FFCE00; color: #FFCE00;
font-size: 13px; font-size: 13px;
font-family: "coda",arial,helvetica,sans-serif; /*override leaflet-container */ font-family: "roboto",arial,helvetica,sans-serif; /*override leaflet-container */
text-align: center; text-align: center;
text-shadow: 0 0 0.2em black, 0 0 0.2em black, 0 0 0.2em black; text-shadow: 0 0 0.2em black, 0 0 0.2em black, 0 0 0.2em black;
pointer-events: none; pointer-events: none;
@ -947,7 +947,7 @@ td + td {
left:10px; left:10px;
z-index: 2500; z-index: 2500;
font-size:11px; font-size:11px;
font-family: "coda",arial,helvetica,sans-serif; font-family: "roboto",arial,helvetica,sans-serif;
background-color:#0E3C46; background-color:#0E3C46;
color:#ffce00; color:#ffce00;