HTML 2017 v3 [fonts]

2018., szeptember 4., 511 szó, elolvasásához kb.: 2 perc kell | _flex | [HTML] #web #development #fejlesztés #html #css #jekyll #hun

Egész szépen sikerült a fejléc alá dugni a browser ablakának teljes méretét lefedő háttérképet. Mostantól ez is megy azokra a képekre, amiket így meg lehet jeleníteni. Kell még majd egy másik megoldás is, ahol mindig meg kell jelennie a teljes képnek az ablak méretétől függetlenül. Ott nem az ablak mérete lesz majd a mérvadó, hanem a kép maga.

Na de kezdjünk el a betűkkel is foglalkozni, mert nem igazán vagyok még elégedett az eddigi kisérleteimmel és azok megvalósításával!

font-family:initial; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Georgia; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Palatino Linotype; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Book Antiqua; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Times New Roman; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Arial; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Helvetica; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Arial Black; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Impact; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Lucida Sans Unicode; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Tahoma; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Verdana; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Courier New; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

font-family:Lucida Console; öt szép szűzlány őrült írót nyúz | ÖT SZÉP SZŰZLÁNY ŐRÜLT ÍRÓT NYÚZ

Nézzük akkor meg, hogyan néz ez ki a következő konfigurációkon:

• latest Apple macOS Sierra + latest Google Chrome:
  

• latest Apple macOS Sierra + latest Safari:
  

• latest Apple macOS High Sierra + latest Google Chrome:
  

• latest Apple macOS High Sierra + latest Safari:

• latest Apple iOS 10 on Apple iPhone 6:
  

• latest Apple iOS 11 on Apple iPhone SE:
  

• latest Microsoft Windows 10 + latest Microsoft Edge:
  

• latest Microsoft Windows 10 + latest Google Chrome:
  

• latest Microsoft Windows 10 + latest Mozilla Firefox:
  

• latest Microsoft Windows 10 + latest Internet Explorer: