Antworten auf deine Fragen:
Neues Thema erstellen

Benötige Hilfe finde Fehler nicht CSS & Webfonts

C

Cyberia

Guest

[GELÖST] Benötige Hilfe finde Fehler nicht CSS & Webfonts

Ich wollte Webfonts lokal speichern und dann in einer CSS Datei einbinden. Als erstes wollte ich die Überschriften h1 und h2 mit der gewählten Schriftart versehen. Aber irgendwas ist wohl falsch, denn er übernimmt das nicht. Ich weiß ehrlich gesagt auch nicht genau wo die Files liegen müssen und welche Endungen sie haben müssen, weil da sind mehr als nur eine Datei bei der runter geladenen Schriftart dabei.

Könnt ihr mir da vielleicht helfen, mich macht das echt Wahnsinnig, weil ich den Fehler nicht finde!? :motz:

GELÖST: Lösung steht am Ende dieses Beitrages


Meine CSS Datei

* {
padding:0;
margin:0;
}

body
{
font-family: georgia;
font-size: 1em;
font-style: oblique;
color: White;
background-color: #4169E1;
line-height: 1.5em;
width: 900px;
margin-left: auto;
margin-right: auto;
}

#page
{
width: 900px;
margin-left: auto;
margin-right: auto;
}

h1, h2
@font-face {
font-family: 'SnigletRegular';
src: url('Sniglet-webfont.eot');
src: url('Sniglet-webfont.eot?iefix') format('eot'),
url('Sniglet-webfont.woff') format('woff'),
url('Sniglet-webfont.ttf') format('truetype'),
url('Sniglet-webfont.svg#webfontz5Sw7deS') format('svg');
font-weight: normal;
font-style: normal;
}

h1, h2
{
padding-left: 10px;
margin-top: 20px;
background-color:#6495ED;
line-height: 2em;
margin-bottom: 20px;
}

ul
{
padding-left:30px;
margin-top:20px;
margin-bottom: 20px
}

ol
{
padding-left:30px;
margin-top:20px;
margin-bottom: 20px
}

p
@font-face {
font-family: 'LarchmontCondensedRegular';
src: url('Larchmont_Condensed_OT-webfont.eot');
src: url('Larchmont_Condensed_OT-webfont.eot?iefix') format('eot'),
url('Larchmont_Condensed_OT-webfont.woff') format('woff'),
url('Larchmont_Condensed_OT-webfont.ttf') format('truetype'),
url('Larchmont_Condensed_OT-webfont.svg#webfontsBBHZXeF') format('svg');
font-weight: normal;
font-style: normal;
}

p
{
margin-top:15px;
margin-bottom:15px;
}

code
{
@font-face {
font-family: 'NeuropoliticalRegular';
src: url('neuropolitical_rg-webfont.eot');
src: url('neuropolitical_rg-webfont.eot?iefix') format('eot'),
url('neuropolitical_rg-webfont.woff') format('woff'),
url('neuropolitical_rg-webfont.ttf') format('truetype'),
url('neuropolitical_rg-webfont.svg#webfontC2kThX9x') format('svg');
font-weight: normal;
font-style: normal;
}
}
Meine HTML Datei
<!Doctype html>
<html lang="de">

<head>
<meta charset="utf-8" />
<meta name="description" content="&uuml;bernahme von bestehenden Datenbanken in Drupal" />
<meta name="DC.creator" content="Tobias Hiep" />
<meta name="date" content="2011-03-27" />
<title>Content-Managment-System Drupal</title>
<link rel="stylesheet" href="CSSfont-sindieric.css"/>
</head>

<body>

<h1>&Uuml;bernahme von bestehenden Datenbanken in Drupal</h1>

<p>Das Content-Management-System <a href=https://drupal.org>Drupal</a> bietet mit das Modul <a href=http://drupal.org/project/cck>CCK</a> die M&ouml;glichkeit neue Inhaltstypen mit frei definierbaren Feldern zu erstellen. Was vor allem f&uuml;r neue Inhalte, z.B. f&uuml;r aktuelle Meldungen, eine schnelle und einfache M&ouml;glich der Erweiterung ist. Seit Drupal 7 ist das Modul Bestandteil des Kernsystems.</p>

<p>Was aber, wenn aus einem bestehenden PHP/MYSQL-Projekt die Daten in das Drupal-System integriert werden sollen?</p>

<p>Daf&uuml;r gibts grob drei M&ouml;glichkeiten:</p>
<ul>
<li>Erstellen eines neuen Inhaltstyps mit CCK</li>
<li>Schreiben eines Moduls, das einen Inhalttyp definiert</li>
<li>Schreiben eines Moduls, das Zugriff auf die Daten bietet &ndash; ohne sie in Drupal komplett integrieren</li>
</ul>

<h2>Inhaltstyp mit CCK erstellen</h2>
<p>Das Erstellen eines neuen Inhaltstyps ist auf den ersten Blick die schnellste und einfachste Methode: Einfach die entsprechenden Felder anlegen und ... </p>

<p><b>Was tun mit den bestehenden Daten?</b><p>
<p>Diese m&uuml;ssen in die neuen Felder eingef&uuml;gt werden, die alte Tabelle kann nicht weiterverwendet werden. Das kann &uuml;ber ein Script geschehen, das die bestehenden Datens&auml;tze einen nach dem anderen ausliest und &uuml;ber drupal-XX jeweils eine neue Node in Drupal anlegt. </p>

<cite>Todd Tomlinson und John K. VanDyk schreiben dazu:</cite>
<p><q>So What Exactly Is a Node?
One of the first questions asked by those new to Drupal development is, &ldquo;What is a node?&rdquo; A node is a piece of content. Drupal assigns each piece of content an ID number called a node ID (abbreviated in the code as $nid). Generally each node has a title also, to allow an administrator to view a list of nodes by title.</q></p>
<address>Pro Drupal 7 Development, 3rd Edition</address><br />

<b>Vorteile</b>
<p>Alle Daten sind Bestandteil von Drupal
Es m&uuml;ssen keine Formulare zum Bearbeiten der Daten erstellt werden
Die integrierte Suchfunktion wird automatisch benutzt</p>

<b>Nachteile</b>
<p>Die Daten liegen in einem anderen Format vor. Gerade bei Drupal 7 werden die Daten standardm&auml;&szlig;ig auf viele einzelne Tabellen verteilt.
Die Integrit&auml;t der konvertierten Daten muss &uuml;berpr&uuml;ft werden.
F&uuml;r eine Migration auf ein weiteres System ist eine neuerliche Konvertierung der Daten n&ouml;tig.
Es ist keine parallele Bearbeitung mit dem alten und neuen System m&ouml;glich.</p>

<h2>Modul f&uuml;r einen Inhaltstypen erstellen</h2>
<p>Das ist der Normalfall ohne CCK gewesen &ndash; es wird ein Modul erstellt, was eine neuen Inhaltstyp bereitstellt. &uuml;ber verschiedene Hooks () wird er Inhaltstyp definiert und dem Drupal-Nutzer zur Verf&uuml;gung gestellt. Dabei ist das Modul f&uuml;r die Speicherung der meisten Daten und die Definition der Eingabefelder verantwortlich. Das Forum-Modul in Drupal 7 ist hierf&uuml;r ein Beispiel. Drupal &uuml;bernimmt standardm&auml;&szlig;ig die Speicherung des Titels und eines Textblocks &ndash; dies l&auml;&szlig;t sich allerding umgehen, sodass alle Daten in einer Tabelle zur Verf&uuml;gung stehen.</p>

<p>Die Tabelle muss dabei um ein neues Feld nid (Node-Id) erweitert werden. Und damit Drupal die Daten auch bearbeiten kann, m&uuml;ssen die Felder mit korrekten Daten gef&uuml;llt werden, schlie&szlig;lich darf jede nid nur einmal vorkommen.<p>

<p>Dies kann &uuml;ber ein selbsterstelltes Script geschehen, mit folgendem Ablauf:</p>
<ol><li>Datensatz einlesen</li>
<li>nid &uuml;ber <a href=http://api.drupal.org/api/drupal/includes--form.inc/function/drupal_form_submit/7>drupal_form_submit</a> erzeugen</li>
<li>Nur nid in den Datensatz schrieben</ol>

<p><b>Vorteile</b></p>
<ul><li>Die Daten sind recht gut in Drupal integriert.</li>
<li>Die bestehende Tabelle kann weiterbenutzt werden.</li>
<li>Eine parallele Nutzung ist mit Einschr&auml;kungen m&ouml;glich.</li>
<li>Die Suche in Drupal kann relativ einfach mitgenutzt werden.</li>
<li>Die Integrit&auml;t der Daten ist einfacher zu gew&auml;hrleisten.</li></ul>

<p><b>Nachteile</b></p>
<ul><li>Ein Modul muss erstellt werden.</li>
<li>Das Erstellen der Eingabemaske kann m&uuml;hsam sein.</li>
<li>Es muss ein Script zur korrekten Vergabe von nid und vid geschrieben werden.</li>
<li>Eine parallele Nutzung ist mit Einschr&auml;kungen m&ouml;glich.</li></ul>

<h2>Modul zum Datenzugriff erstellen</h2>
<p>Dieser Weg ist &auml;hnlich dem vorigen, das n&ouml;tige Modul ist fast identisch. Allerdings wird kein eigener Inhaltstyp definiert, sondern das Modul &uuml;ber das Erstellen von Pfaden bzw. Men&uuml;eintr&auml;gen in das System eingebunden. Das Modul ist auch hier logischerweise f&uuml;r Speicherung der Daten und das Erzeugen der Eingabefelder zust&auml;ndig. Die Tabelle wird ohne Ver&auml;nderung weitergenutzt, es wird keine nid vergeben &ndash; was zur Folge hat, das Drupal die Inhalte nicht kennt, nicht durchsuchen kann und auch in der Inhalts&uuml;bersicht nicht anzeigt.
Auch das Kommentieren der Inhalte ist nicht oder nur sehr schwer m&ouml;glich, da das Kommentarmodul von der nid abh&auml;ngig ist.
Die Suche l&auml;&szlig;t sich relativ elegant &uuml;ber das Modul <a href=https://drupal.org/project/search_by_page>Search by Page</a> nachr&uuml;sten</p>

<p><b>Vorteile</b></p>
<ul><li>Kein Ver&auml;nderung der bestehenden Tabelle.</li>
<li>Keine Probleme mit der Vergabe der nid.</li>
<li>Eine parallele Nutzung ist recht problemlos m&ouml;glich.</li>
<li>Die Integrit&auml;t der Daten ist gut zu gew&auml;hrleisten.</li></ul>

<p><b>Nachteile</b></p>
<ul><li>Ein Modul muss erstellt werden.</li>
<li>Das Erstellen der Eingabemaske kann m&uuml;hsam sein.</li>
<li>Keine Kommentarfunktion m&ouml;glich.</li>
<li>Nutzung der Suche nur &uuml;ber andere Module m&ouml;glich, z.B. <a href=https://drupal.org/project/search_by_page>Search by Page</a>.</li></ul>

<p><b>Schrittweise Integration</b></p>
<p>Der gr&ouml;&szlig;te Vorteil dieses Ansatzes ist, das man schrittweise vorgehen kann und immer die Kontrolle &uuml;ber die Daten beh&auml;lt:</p>

<p><b>Anzeigen der Daten</b></p>
<p>Zun&auml;chst wird &uuml;ber <a href=http://api.drupal.org/api/drupal/developer--hooks--core.php/function/hook_menu/6>hook_menu</a> eine Funktionen definiert, die die bestehenden Daten anzeigt.<p>

<pre><code>/**
* Implementation of hook_menu().
*/
function mistudienplan_menu() {
$items['studium/plan'] = array(
'title' => t('Studienplan'),
'page callback' => 'mistudienplan_studienplan',
'access arguments' => array('access content'),
'type' => MENU_NORMAL_ITEM,
'menu_name' => 'main-menu'
);
return $items;
}</code></pre>

<p>Im Beispiel wird bei dem Abruf der Seite von 'studium/plan' die Funktion mistudienplan_studienplan aufgerufen.</p>

<p><b>&Auml;ndern der Daten</b></p>
<p>Im n&auml;chsten Schritt wird die Drupal-Form-Api genutzt um, ein Formular zu erzeugen, mit dem die Daten angezeigt und bearbeitet werden k&ouml;nnen.</p>

<p><b>Durchsuchen der Daten</b></p>
<p>Um die Daten durchsuchbar zu machen, wird das Modul <a href=https://drupal.org/project/search_by_page>Search by Page</a> genutzt. In einem selbsgeschriebenen Modul (am besten einem zweiten) werden Funktionen definiert, die die bestehenden Inhalte indizierbar machen und f&uuml;r die Anzeige der Suchergebnisse aufbereiten.</p>

<p><b>Einf&uuml;gen von nid</b></p>
<p>Wenn doch ein tiefere Integration in Drupal gew&uuml;nscht ist, kann man jetzt immer noch die Tabelle um nid erweitern. Und &uuml;ber ein Script mit den entsprechenden Daten f&uuml;llen. Dann ist man am Ende beim Ergebniss des zweiten Weges angekommen.</p>

<h2>Und weiter?</h2>
<p>Dieser Text sollte die bestehenden M&ouml;glichkeiten aufzeigen. In den n&auml;chsten geht es um die praktische Umsetzung.</p>

<ul><li>Modul zur Anzeige</li>
<li>Erweiterung des Moduls zum &Auml;ndern der Daten</li>
<li>Nutzung des Moduls Search by Page</li></ul>

</body>

Die Lösung

So war es falsch, das @font-face hatte ich direkt unter das Element hier z.B. die h1 & h2 geschrieben.

h1, h2
@font-face {
font-family: 'SnigletRegular';
src: url('Sniglet-webfont.eot');
src: url('Sniglet-webfont.eot?iefix') format('eot'),
url('Sniglet-webfont.woff') format('woff'),
url('Sniglet-webfont.ttf') format('truetype'),
url('Sniglet-webfont.svg#webfontz5Sw7deS') format('svg');
font-weight: normal;
font-style: normal;
}


Richtig war es dann so, das @font-face habe ich ganz oben ins Dokument geschrieben, nicht unter das Element, welches ich verändern wollte.

@font-face {
font-family: 'SnigletRegular';
src: url('Sniglet-webfont.eot');
src: url('Sniglet-webfont.eot?iefix') format('eot'),
url('Sniglet-webfont.woff') format('woff'),
url('Sniglet-webfont.ttf') format('truetype'),
url('Sniglet-webfont.svg#webfontz5Sw7deS') format('svg');
font-weight: normal;
font-style: normal;
}


Dann bei dem Element h1 & h2 habe ich folgendes geschrieben um den Font SnigletRegular zu nutzen:

h1, h2
{
font-family: 'SnigletRegular';
}


Und so ging es dann. :)
 
Zuletzt bearbeitet von einem Moderator:

pixelbienchen

Noch nicht viel geschrieben

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

ich selbst habe mich noch nicht ernsthaft mit der Thematik auseinandergesetzt, aber einen Link zu einer Seite gefunden, die mir recht plausibel scheint:
Webfonts mit @font-face einbinden …

vielleicht bringt auch das dich ein Stück weiter...

p.s.: auch ich habe keine Referenz zum Font, der verwendet werden soll, gefunden...
 
Zuletzt bearbeitet:
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Wo muss denn so eine Referenz stehen, vielleicht ist es das was mir fehlt? Wie gesagt ich habe mir solche Tutorials schon angeschaut und weiß nicht ob ich den Fehler in der Syntax habe, die Datei vielleicht im falschen Ordner liegt oder ob es was ganz anderes ist, das mit der Referenz scheint dann wohl Thema was ganz anderes zu sein.

Werde mal gucken ob ich da was näheres heraus finden kann wie wo was da wo wieso weshalb hin muss.

Edit: Hmm die Links sagen mir genau das gleiche, das es in etwa so aussehen muss:

@font-face {
font-family: Delicious;
src: url('fonts/delicious/Delicious-Roman.otf') format("opentype");
}

Aber so habe ich es ja und es geht nicht.

Von Referenz steht da irgendwie nicht wirklich was...
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

ROFL ups, wieso fehlt das alles? xD Falsche CSS Datei gepostet oder so. Gar nicht gemerkt.

Hier die richtige.

* {
padding:0;
margin:0;
}

body
{
font-family: georgia;
font-size: 1em;
font-style: oblique;
color: White;
background-color: #4169E1;
line-height: 1.5em;
width: 900px;
margin-left: auto;
margin-right: auto;
}

#page
{
width: 900px;
margin-left: auto;
margin-right: auto;
}

h1, h2
@font-face {
font-family: 'SnigletRegular';
src: url('Sniglet-webfont.eot');
src: url('Sniglet-webfont.eot?iefix') format('eot'),
url('Sniglet-webfont.woff') format('woff'),
url('Sniglet-webfont.ttf') format('truetype'),
url('Sniglet-webfont.svg#webfontz5Sw7deS') format('svg');
font-weight: normal;
font-style: normal;
}

h1, h2
{
padding-left: 10px;
margin-top: 20px;
background-color:#6495ED;
line-height: 2em;
margin-bottom: 20px;
}

ul
{
padding-left:30px;
margin-top:20px;
margin-bottom: 20px
}

ol
{
padding-left:30px;
margin-top:20px;
margin-bottom: 20px
}

p
@font-face {
font-family: 'LarchmontCondensedRegular';
src: url('Larchmont_Condensed_OT-webfont.eot');
src: url('Larchmont_Condensed_OT-webfont.eot?iefix') format('eot'),
url('Larchmont_Condensed_OT-webfont.woff') format('woff'),
url('Larchmont_Condensed_OT-webfont.ttf') format('truetype'),
url('Larchmont_Condensed_OT-webfont.svg#webfontsBBHZXeF') format('svg');
font-weight: normal;
font-style: normal;
}

p
{
margin-top:15px;
margin-bottom:15px;
}

code
{
@font-face {
font-family: 'NeuropoliticalRegular';
src: url('neuropolitical_rg-webfont.eot');
src: url('neuropolitical_rg-webfont.eot?iefix') format('eot'),
url('neuropolitical_rg-webfont.woff') format('woff'),
url('neuropolitical_rg-webfont.ttf') format('truetype'),
url('neuropolitical_rg-webfont.svg#webfontC2kThX9x') format('svg');
font-weight: normal;
font-style: normal;
}
}
 

leveler

00110100 00110010

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

wo befinden sich denn die verschiedenen Schriften? wenn sie im selben Ordner wie die css-Datei liegen sollte es eigenlich klappen, wenn nicht musst Du entsprechend referenzieren.
Bedeutet: dem Parser sagen, welchen Weg er gehen muß um an die benötigten Daten zu gelangen.
Wenn die Fonts in einem Ordner hierarchisch darüber liegen, musst Du dass zB so schreiben:
@font-face {
font-family: 'LarchmontCondensedRegular';
src: url('../fonts/Larchmont_Condensed_OT-webfont.eot');

Beachte die beiden Punkte, die angeben, dass es eine Ebene nach Oben geht.
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Ich habe sie 2 Ordner weiter tiefer, aber das ist nicht so wichtig, hauptsache es geht, also kopiere ich die .eot Datei in den gleichen Ordner wie die CSS und HTML Datei.

Leider wird sie mir immer noch nicht angezeigt. Brauch ich noch mehr Schriftdateien? Da sind noch Dateien mit .svg, .ttf und .woff im Ordner.

Ich hab jetzt Testweise alle Dateien in den gleichen Ordner wie die CSS Datei kopiert und es geht nicht, warum nicht?? :(

Hier so sieht es jetzt aus, warum geht das denn nicht??
 
Zuletzt bearbeitet von einem Moderator:

jackprince

xHTML & CSS Junkie

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

meine fonts.css sieht z.B. so aus
HTML:
/* CSS Document */
/* FONT FACES */
    /* BEGINN typo: Fontin */
      /*
      A font by Jos Buivenga (exljbris) -> www.exljbris.com 
      */ 
@font-face {
    font-family: 'Fontin';
    src: url('../fonts/fontin/fontin-regular-webfont.eot') format('eot'),
    src: local("☺"),
         url('../fonts/fontin/fontin-regular-webfont.woff') format('woff'),
         url('../fonts/fontin/fontin-regular-webfont.ttf') format('truetype'),
         url('../fonts/fontin/fontin-regular-webfont.svg#webfont7FulNkNr') format('svg');
}

@font-face {
    font-family: 'Fontin';
    src: url('../fonts/fontin/fontin-bold-webfont.eot') format('eot'),
         url('../fonts/fontin/fontin-bold-webfont.woff') format('woff'),
         url('../fonts/fontin/fontin-bold-webfont.ttf') format('truetype'),
         url('../fonts/fontin/fontin-bold-webfont.svg#webfontJP02XWh2') format('svg');
    font-weight: bold;
}

@font-face {
    font-family: 'Fontin';
    src: url('../fonts/fontin/fontin-italic-webfont.eot') format('eot');
    src: local("☺"),
         url('../fonts/fontin/fontin-italic-webfont.woff') format('woff'),
         url('../fonts/fontin/fontin-italic-webfont.ttf') format('truetype'),
         url('../fonts/fontin/fontin-italic-webfont.svg#webfonthp0F8WjI') format('svg');
    font-style: italic;
}
    /* END typo: Fontin*/
    /* BEGINN typo: Fertigo_Pro */
      /*
      A font by Jos Buivenga (exljbris) -> www.exljbris.com 
     */ 
@font-face {
    font-family: 'FertigoProRegular';
    src: url('../fonts/fertigopro/fertigo_pro-webfont.eot') format('eot');
    src: local("☺"),
         url('../fonts/fertigopro/fertigo_pro-webfont.woff') format('woff'),
         url('../fonts/fertigopro/fertigo_pro-webfont.ttf') format('truetype'),
         url('../fonts/fertigopro/fertigo_pro-webfont.svg#webfontOFxH7L9v') format('svg');
}
    /* END typo: Fertigo Pro*/


    /* BEGINN typo: GrauBlau Web */
      /*
        A font by fonts.info. Download via: http://www.fonts.info/info/press/free-fonts-for-font-face-embedding.htm
     */ 
@font-face {
    font-family: 'GraublauWebRegular';
    src: url('../fonts/graublau/graublauweb-webfont.eot') format('eot');
    src: local("☺"),
         url('../fonts/graublau/graublauweb-webfont.woff') format('woff'),
         url('../fonts/graublau/graublauweb-webfont.ttf') format('truetype'),
         url('../fonts/graublau/graublauweb-webfont.svg#webfontwF4UDQib') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GraublauWebBold';
    src: url('../fonts/graublau/graublauwebbold-webfont.eot') format('eot');
    src: local("☺"),
         url('../fonts/graublau/graublauwebbold-webfont.woff') format('woff'),
         url('../fonts/graublau/graublauwebbold-webfont.ttf') format('truetype'),
         url('../fonts/graublau/graublauwebbold-webfont.svg#webfontHensH095') format('svg');
    font-weight: normal;
    font-style: normal;
}
    /* END typo: GrauBlau Web */
    
/* END FONT FACES */
Die Fonts selber liegen parallel zum css Ordner (also eins hoch {../} und in fonts ordner).

Die Einbindung der Fonts erfolgt dann am element selbst einfach per 'font-family'.

Ein Absatz z.B. wie folgt:

HTML:
p {
color: #1B1B1B;
font-family: "GraublauWebRegular","FertigoProRegular";
font-size: 1.2em;
line-height: 1.35em;
padding: 0.5em 1em;
word-spacing: 0.2em;
}

vielleicht hilft das ...

gruß,

Daniel
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Ach man schreibt das @font face in die HTML Datei? Dann ist natürlich klar was bei mir falsch ist, ich habe es ja in der CSS Datei. Oder müsste das nicht auch gehen?
 

jackprince

xHTML & CSS Junkie

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Nein, beide Ausschnitte sind jeweils CSS Dateien bzw. ein Ausschnitt aus einer.
Nutzt du auch sicher einen Browser der es kann?
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Ja, ich nutze das neueste Firefox.
 

jackprince

xHTML & CSS Junkie

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

dann wage ich zu behaupten das entweder was an den font files nicht stimmt oder am Pfad
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

dann wage ich zu behaupten das entweder was an den font files nicht stimmt oder am Pfad

Ja, ich dachte auch es liegt am Pfad, aber wie ist es dann richtig? Meine CSS Datei sieht so aus und die 4 Schriftdateien pro Schrift liegen im gleichen Ordner und trotzdem wird keiner der Stile angezeigt.
 

jackprince

xHTML & CSS Junkie

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Kannst du mir mal ne zip fertig machen?
Ich schau mal woran das liegt.

Was mich allerdings noch verwirrt ...

Ich sehe oben in deiner CSS ...

HTML:
p @font-face {
    font-family: 'LarchmontCondensedRegular';
    src: url('Larchmont_Condensed_OT-webfont.eot');
    src: url('Larchmont_Condensed_OT-webfont.eot?iefix') format('eot'),
         url('Larchmont_Condensed_OT-webfont.woff') format('woff'),
         url('Larchmont_Condensed_OT-webfont.ttf') format('truetype'),
         url('Larchmont_Condensed_OT-webfont.svg#webfontsBBHZXeF') format('svg');
    font-weight: normal;
    font-style: normal;
}

bzw.:

code
{
@font-face {
    font-family: 'NeuropoliticalRegular';
    src: url('neuropolitical_rg-webfont.eot');
    src: url('neuropolitical_rg-webfont.eot?iefix') format('eot'),
         url('neuropolitical_rg-webfont.woff') format('woff'),
         url('neuropolitical_rg-webfont.ttf') format('truetype'),
         url('neuropolitical_rg-webfont.svg#webfontC2kThX9x') format('svg');
    font-weight: normal;
    font-style: normal;
}
}
Was ist das bzw. soll das?

Richtig wäre z.B.:

HTML:
@fontface {
    font-family: 'LarchmontCondensedRegular';
    src: url('Larchmont_Condensed_OT-webfont.eot') format('eot'),
    src: local("☺"),
         url('Larchmont_Condensed_OT-webfont.woff') format('woff'),
         url('Larchmont_Condensed_OT-webfont.ttf') format('truetype'),
         url('Larchmont_Condensed_OT-webfont.svg#webfontsBBHZXeF') format('svg');
}

code {
    font-family: 'LarchmontCondensedRegula';
    color: #f00;
    font-size: 1.4em;
    background: #fff;
    line-height: 1.6em;
 }

Schau dir das vielleicht nochmal an. Ums deutlich zu sagen, der Font wird nicht am Element definiert sondern seperat. Am Element wird der dann nur "genutzt".
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Danke jackprince! :D Das war mein Fehler! Ich dachte das muss da so rein, aber nun habe ich die @font bla oben hin gesetzt und nur die Schriftartnamen in die Klammern geschrieben und nun geht es! Juhu! Du hast meinen Fehler gefunden! Kein Wunder das ich den nicht gefunden habe, die Kleinigkeit war mir nämlich entfallen, das es so gehört und nicht wie ich es hatte.

Vielen lieben Dank, nun ist es richtig und funktioniert! :)
 

jackprince

xHTML & CSS Junkie

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Wenn du dich bedanken magst ...

Editiere bitte eventuell deinen ersten Beitrag.
Mach kenntlich was dein Problem war (also was nicht funktioniert hat) und was die Lösung war.
In diesem Fall eben z.B. wie werden die Fonts eingebunden.

So können zukünftig andere schneller und einfacher die Lösung für das Problem finden.

gruß,

Daniel
 
C

Cyberia

Guest

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Öhm ich habe mich doch bedankt? Oder was soll das wenn du dich bedanken magst...bedeuten, muss ich irgendwas spezielles machen, irgendwelche Punkte vergeben, irgendwas anklicken??

Ich werde dann mal gucken das ich den ersten Beitrag editiere! :D
 

Myhar

Hat es drauf

AW: Benötige Hilfe finde Fehler nicht CSS & Webfonts

Das soll nur bedeuten, dass er seinen Satz schlampig formuliert und ein 'dann' vergessen hat. Auch, dass er eigentlich mitten im Satz groß weiter geschrieben hat mag zu deiner Verwirrung beigetragen haben. Er meinte: Wenn du dich bedanken magst, dann editiere bitte [usw.]
Du brauchst also nichts spezielles anklicken oder Punkte vergeben :)

L. G.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.477
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben