Először kezdjük a fogalmakkal, ennek semmi köze sem a PHP-hoz, sem a HTML-hez, ez CSS. Nyisd meg a weboldalt egy böngészőben, majd ki a böngészőkonzolt, és nézd meg, hogy mi történik. Ír ki valamit a konzolra?
Új betűtípus egyéni nem jelenik meg.
meskobalazs
Ha lenne írtam volna. De nincs semmi hiba se a hibakezelőbe se a logban..
- Szerkesztve
Na akkor a következő lépés a Hálózat lap, betölti a webfontokat?
Nálam egyébként ez történik:
bad URI or cross-site access not allowed source
Szerintem általában sem jó ötlet távolról webfontokat betölteni.
- Szerkesztve
Semmi..
De így sem jó ha helyiként hívom meg.
/* rovasiras */
@font-face {
font-family: 'HunRunes';
src: url('/font/hunrunes.eot');
src: url('/font/hunrunes.eot?#iefix') format('embedded-opentype'),
url('/font/hunrunes.woff') format('woff'),
url('/font/hunrunes.ttf') format('truetype'),
url('/font/hunrunes.svg#akaPotsleyRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face { /* IE */
font-family: HunRunes;
src: url(/font/hunrunes.eot);
}
@font-face { /* Non-IE */
font-family: HunRunes;
src: url(//:) format("no-IE-404"), url(/font/hunrunes.wof) format("truetype");
}
.HunRunes{
font-family: HunRunes;
color: #512800;
}
a {
font-family: HunRunes;
src: url("/font/hunrunes.woff");
font-size: 10pt;
color: #E4FF00;
text-decoration: none;
font-style: normal;
}
a.visited {
font-family: HunRunes;
src: url("/font/hunrunes.woff");
font-size: 12pt;
color: #285a7a;
text-decoration: none;
font-style: normal;
}
a:hover {
font-family: HunRunes;
color:brown;
}
a:hover.visited {
font-family: HunRunes;
src: url("/font/hunrunes.ttf");
src: url("/font/hunrunes.woff");
font-size: 10pt;
color: #85aa28;
text-decoration: none;
}
oktopus A CSS jónak tűnik, szóval ez alapján csak azt tudom gondolni, hogy nem ott vannak a fájlok, mint ahol a böngésző keresné.
- Szerkesztve
Szerk.: A betűkészleteddel lesz a gond, a TTF fájl az rendben van, de a WOFF az helytelen. Én azt javaslom, hogy töltsd be csak a ttf
fájlt.
Továbbá kicsit vicces, hogy szerintem nem teljesen jól rakták össze a betűkészletet, így nem elég neki megadni, hogy direction: rtl;
, hanem „erőszakkal” meg is kell fordítani a betűk sorrendjét:
unicode-bidi: bidi-override;
- Szerkesztve
meskobalazs
Innen kaptam le.:
https://rovasfordito.hu/
Ez pedig a pakk.:
https://vtmk.hu/font.rar
Raktam be másik fajtát ,de ez sem akarja.:
@font-face {
font-family: 'BrutalFontPro';
src: url('font/BrutalFontPro.ttf');
src: url('font/BrutalFontPro.otf');
}
@font-face {
font-family: 'HunRunes';
src: url('font/hunrunes.eot');
src: url('font/hunrunes.eot?#iefix') format('embedded-opentype'),
url('font/hunrunes.woff') format('woff'),
url('font/hunrunes.ttf') format('truetype'),
url('font/hunrunes.svg#akaPotsleyRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face { /* IE */
font-family: HunRunes;
src: url(font/hunrunes.eot);
}
@font-face { /* Non-IE */
font-family: HunRunes;
src: url(//:) format("no-IE-404"), url(font/hunrunes.wof) format("truetype");
}
.HunRunes{
font-family: HunRunes;
color: #512800;
}
.BrutalFontPro{
font-family: BrutalFontPro;
color: #512800;
}
a {
font-family: BrutalFontPro;
font-size: 10pt;
color: #E4FF00;
text-decoration: none;
font-style: normal;
}
a.visited {
font-family: BrutalFontPro;
font-size: 10pt;
color: #285a7a;
text-decoration: none;
font-style: normal;
}
a:hover {
font-family: BrutalFontPro;
font-size: 11pt;
color: #85aa28;
text-decoration: none;
}
a:hover.visited {
font-family: BrutalFontPro;
font-size: 10pt;
color: #85aa28;
text-decoration: none;
}```
- Szerkesztve
Sziasztok sikerült. Köszi mindenkinek. Saját bénázásom.
A lényeg. a css fájlom:
Themes/default/default.css
És csináltam egy mappát a:
Themes/default/font
Ide beraktam a ttf-et.
A HunRunes úgy ahogy van kuka.
Tehát igazából mindenkinek igaza van. a Css valamiért nem gyökben kereste.
Hibás a HunRunes ezért leszedtem a rovasbetutipus pakkot és a cserkesz.ttf -et lőttem be. Mükszik.
Beraktam ugyanide a
font-family: 'BrutalFontPro';
src: url(font/BrutalFontPro.ttf) format("truetype");
}
@font-face {
font-family: 'cserkesz';
src: url(font/cserkesz.ttf) format("truetype");
}
@font-face {
font-family: 'HunRunes';
src: url(font/hunrunes.ttf) format('truetype'),
font-weight: normal;
font-style: normal;
}
a {
font-family: "Tahoma", sans-serif;
font-size: 10pt;
color: #E4FF00;
text-decoration: none;
font-style: normal;
}
a.visited {
font-family: "BrutalFontPro", sans-serif;
font-size: 10pt;
color: #285a7a;
text-decoration: none;
font-style: normal;
}
a:hover {
font-family: "cserkesz", sans-serif;
font-size: 12pt;
color: #85aa28;
text-decoration: none;
}
a:hover.visited {
font-family: "BrutalFontPro", sans-serif;
font-size: 10pt;
color: #85aa28;
text-decoration: none;
}```
