Hallo,
ich hatte bisher das Problem, dass auf iOS der Star Trek-Font (HelveticaLTStd-UltraComp) nicht genutzt werden konnte. Auf Android ging es nur mit Firefox und Opera, wenn das Gerät gerootet war und der Font installiert wurde.
Nun habe ich eine Lösung in Form von Webfonts gefunden. Hier eine kurze Anleitung wie der Font auf dem HS eingebunden werden kann:
1. Die .ttf-Datei mit ttf2eot umwandeln (z.B. ttf2eot on the web!).
2. Die .ttf und .eot-Dateien in das hsupload/hsav-gira bzw. hsupload/hspv-gira des jeweiligen Projekts kopieren (genauer gesagt in das Verzeichnis, in dem die html-Datei steht, die aufgerufen wird).
3. ttf2eot generiert Code, der in die html-Datei für die Visu kopiert werden muss. In meinem Fall heißt der Font LCARS und die Datei, die ich lade ist lcars.htm (sie basiert auf start.htm). Sie steht im unter 2. beschriebenen Verzeichnis.
Im <head> wird nun der generierte Code eingefügt, das sieht dann so aus:
Nach dem Upload der Daten und Neustart des HS kann der neue Font auf iOS und Android genutzt werden. Auch normale Rechner, die den Font nicht installiert haben, sollten ihn nutzen können.
Ich hoffe diese Anleitung hilft dem einen oder anderen weiter.
Gruß
Werner
ich hatte bisher das Problem, dass auf iOS der Star Trek-Font (HelveticaLTStd-UltraComp) nicht genutzt werden konnte. Auf Android ging es nur mit Firefox und Opera, wenn das Gerät gerootet war und der Font installiert wurde.
Nun habe ich eine Lösung in Form von Webfonts gefunden. Hier eine kurze Anleitung wie der Font auf dem HS eingebunden werden kann:
1. Die .ttf-Datei mit ttf2eot umwandeln (z.B. ttf2eot on the web!).
2. Die .ttf und .eot-Dateien in das hsupload/hsav-gira bzw. hsupload/hspv-gira des jeweiligen Projekts kopieren (genauer gesagt in das Verzeichnis, in dem die html-Datei steht, die aufgerufen wird).
3. ttf2eot generiert Code, der in die html-Datei für die Visu kopiert werden muss. In meinem Fall heißt der Font LCARS und die Datei, die ich lade ist lcars.htm (sie basiert auf start.htm). Sie steht im unter 2. beschriebenen Verzeichnis.
Im <head> wird nun der generierte Code eingefügt, das sieht dann so aus:
Code:
<html>
<head>
<title>HomeServer AjaxVisu</title>
<script type="text/javascript" src="js/ajax.js"></script>
<style class="text/css">
body { background-color:black; }
div {}
img {}
input {padding:0px; margin:0px; }
</style>
[B] <style type="text/css">
@font-face {
font-family: LCARS;
src: url("LCARS.eot") /* EOT file for IE */
}
@font-face {
font-family: LCARS;
src: url("LCARS.ttf") /* TTF file for CSS3 browsers */
}
</style>[/B]
</head>
Ich hoffe diese Anleitung hilft dem einen oder anderen weiter.
Gruß
Werner