font-size-adjust: 0.45

Przykład mówi sam za siebię :

font-size-adjust.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  <title>ol test</title>
  <style type="text/css">
  body{
  font-size: 2ex;
  }
ol{
  list-style-position: outside;
  padding-left: 0;
  margin-left: 0;
  padding-left: 2em;
  list-style-type:lower-alpha;
  width: 200px;
  }
ol li{
  margin-top: 0.5em;
  border-left: thin solid gray;
  background: #FAFAFA;
  padding-left: 0.2em;
  }
  ol li:first-child{
  margin-top: 0;
  }
li.jeden{
  font-family: "times";
  }
li.dwa{
  font-family: "Calibri";
  }
li.trzy{
  font-family: "Comic Sans MS";
  }
ol.adjust li{
  font-size-adjust: 0.45;
  }
</style>
  </head>
  <body>
  <ol>
  <li class="jeden">jeden</li>
  <li class="dwa">dwa</li>
  <li class="trzy">trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy </li>
  </ol>
  <ol class="adjust">
  <li class="jeden">jeden</li>
  <li class="dwa">dwa</li>
  <li class="trzy">trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy trzy </li>
  </ol>
  </body>
  </html>

Za pomocą font-size-adjust można ustalić jedną wielkość czcionki dla różnych czcionek, chodzi o to aby comic sans nie był większy od verdana, i na odwrót. Szkoda tylko że działa wogóle w FF, nawet zaawansowana technologicznie opera tego nie potrafi.

 

Komentarze

Prześlij komentarz

Popularne posty z tego bloga

Mapy ISOK LIDAR z Geoportalu w OSMAnd przez OsmAnd Map Creator

Obraz
W Geoportalu – oprócz legendarnej ortofotomapy i szeregu innych interesujących map – można znaleźć mapę ISOK – to bardzo precyzyjna mapa wysokości terenu ( LIDAR ), pomyślałem że warto by mieć coś takiego w OSMAnd aby nie spaść z klifu podczas spaceru. A to historia o tym - jak udało się to osiągnąć. Mapa ISOK jest dostępna publicznie na Geoportalu jako usługa WMTS (http://mapy.geoportal.gov.pl/wss/service/WMTS/guest/wmts/ISOK_CIEN), niestety – narzędzie OAMC którego zamierzałem użyć - nie potrafi bezpośrednio obsługiwać połączeń z serwerami tego typu, jedyne czego można użyć to połączenie z serwerem pracującym w protokole TMS . Techniczna niemożliwość natchnęła mnie do prób innych metod uzyskania mapy w OSMAnd – ale bez powodzenia – wróciłem więc do OAMC gdyż on sam zasugerował rozwiązanie – istnieje usługa tłumacząca do TMS (rozumianego przez OAMC ) mapy w formacie WMS . Odkrycie istnienia WhooTS rozjaśniło światełko w tunelu – niestety Geoportal mapę ISOK serwuje w formac...
Czytaj więcej

Jak dodać własną mapę do OSMAnd

Obraz
Na początku trzeba zaopatrzyć się w narzędzie OSMAnd Map Creator (w wersji z https://github.com/osmandapp/OsmAnd-tools brakuje OsmAndMapCreator.jar) – to napisane w javie narzędzie do pobierania lokalnie obrazków z widokiem mapy (kafelków) z serwerów map ( na wiki openstreetmap jest dokładniejszy opis ). Po pobraniu trzeba go rozpakować i uruchomić OsmAndMapCreator.bat : Wygląda jak zwyczajna mapa – ale obsługuje się ją jak JSOM – prawym przyciskiem myszy można przesuwać mapę, a kółkiem powiększać;  można chwilę spędzić na przesuwaniu i powiększaniu mapy żeby OAMC pobrał obrazków (kafelków). OAMC w trakcie przeglądania mapy – pobiera wyświetlone kafelki (obrazki z mapą) na dysk: W ustawieniach OAMC można zmienić miejsce gdzie ma lokować te grafiki (menu Window->Settings ) : Żeby się przekonać jak wyglądają te kafelki – trzeba wejść do katalogu osmand\tiles\Microsoft Maps – wewnątrz będzie kilka podkatalogów (poziomów powiększenia) wewnątrz których znajdziemy kol...
Czytaj więcej

IE7 PNG i filter :

Ha, znalazłem sposób jak obejsc nieprzyjemna wlasciwosc IE7, otoz - drab - zapewniajac wsteczna kompatybilnosc - obsluguje wyswietlanie PNG za pomoca filter:, oraz... PNG za pomoca wyswietlania poprzez wyswietlanie, czyli normalnie. Na ogol uzywalem sprytnego wybiegu pozwalajacego wyswietlac PNG tak samo w IE jak i innych przegladarkach, na ogol wygladalo to tak : fragment CSS div.menu{ filter:blablabla } div[class='menu']{ background: png } Niestety, podstepny IE7 zaczal obslugiwac selektory atrybutow, co powoduje ze wyswietla div.menu, oraz div[class='menu'] co wyglada niespecjalnie bo oba png sie na siebie nakladaja. Dochodzimy zatem do sedna, po wyprobowaniu roznych elementow ktorych IE7 nie obsluguje, ostatecznie doszedlem do kontrukcji na ktora najtrudniej bylo wpasc, mianowicie : fragment CSS div.menu{ filter:png } div[class='menu']{ background: png filter: none } Et voila - wyswietla sie jak nalezy - oklaski, ukłony Labels: css , ...
Czytaj więcej