Czcionka w aplikacji hta nie działa

pytanie zadane 29 grudnia 2022 w HTML i CSS przez KFC Użytkownik (610 p.)
zamknięte 30 grudnia 2022 przez KFC

Witam,

Niedawno natknąłem sie na coś takiego jak aplikacja html, czyli hta. Wszystko pięknie, ale nie umiem ustawić prostej rzeczy: czcionki. W chromie (plik html) działa bez problemu, a taki sam kod w hta daje mi tą konsolową czcionkę której nie potrafię zmienić. (Inne style do tej pory działają)

Z góry dziękuję za pomoc,

Kamil

komentarz zamknięcia: Problem rozwiązany

komentarz 30 grudnia 2022 przez VBService Ekspert (252,780 p.)
edycja 30 grudnia 2022 przez VBService

(Inne style do tej pory działają)

tylko te, które "obsługuje" IE (ewentualnie np. jQery lub Umbrella JS pomaga przy animacjach css-owych).

hta do swojej "pracy" upraszczając, używa silnika przeglądarki IE w wersji, którą masz zainstalowaną aktualnie w systemie.

Pliki hta uruchamiane są za pomocą aplikacji mshta.exe.

Widok z menadżera zadań.

Co do czcionki, możesz ją lokalnie umieścić w folderze projektu np.

@font-face {
    font-family: 'Mitr';
    src: url('Mitr-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Keania One';
    src: url('KeaniaOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Orbitron';
    src: url('Orbitron-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PT Mono';
    src: url('PTM55FT.ttf') format('truetype');
}

body {
    width: 100%;
    height: 100%;
    font-family: 'Orbitron';
    font-size: 12px;
    font-weight: normal;
    color: white;
}

<HTA:APPLICATION
     ID="oApp"
     ...
     SYSMENU="yes"
     VERSION="2.0.0"
     WINDOWSTATE="normal"
 />

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=9">
    
    ...
    
    <link href="css/animations.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    ...
</head>

BTW, polecam: Scripting Guy!