section_1

section_2

Switzer-Semibold

Switzer-Light

Switzer-Medium

Switzer-Regular

Switzer-Bold

SourceHanSansJP-Light (1)

irohakakuC-Regular

irohakakuC-Bold

NeueHaasDisplayRoman

NeueHaasDisplayMediu

AUTHENTIC Sans

Bagnard

Mainzer Fraktur

BluuNext

Charter

Cooper Hewitt

EBGaramond Initials

EBGaramond Initials F1

EBGaramond Initials F2

EBGaramond 08

EBGaramond 12 AllSC

EBGaramond 12

EBGaramondSC08

EBGaramondSC12

Goudy Bookletter 1911

Junicode

Junicode Cond

Junicode Exp

Junicode SmCond

Junicode SmExp

KTF Kharkivska

Koch Fraktur

Mister Pixel 16 OSF

Mister Pixel 16 REG

Mister Pixel 16 SC

Mister Pixel 16 TO1

Optician Sans

Ostrich Sans

PinyonScript-Regular

Standard

Reglo

SchmaleAnzeigenschrift

VCR OSD Mono

Young Serif

<div id="live-clock" style="width: 100%; padding: 20px 0; margin: 0; color: #000000;">
  <span id="clock-day" style="font-size: 16px;"></span>
  <span id="clock-time" style="font-size: 16px;"></span>
</div>

<style>
  #live-clock {
    text-align: center;
    font-family: 'NeueHaasDisplayMediu', sans-serif;
  }
  @media (max-width: 768px) {
    #live-clock {
      text-align: center;
      font-family: 'NeueHaasDisplayRoman', sans-serif;
    }
    #clock-day, #clock-time {
      font-size: 13px !important;
    }
  }
</style>

<script>
  function updateClock() {
    const now = new Date();
    document.getElementById('clock-day').textContent = now.toLocaleDateString('en-US', { weekday: 'long' }) + ' · ';
    document.getElementById('clock-time').textContent = now.toLocaleTimeString();
  }
  updateClock();
  setInterval(updateClock, 1000);
</script>