[Mitglied Manu…] Geschrieben August 1, 2013 Teilen Geschrieben August 1, 2013 Hallo, hab gerade http://www.schriftenfest.org gefunden. wenn der Cursor über dem webfont liegt kommt ein tooltip mit name+foundry Weiß jemand wie ich sowas bei meiner Website einbette? Link zu diesem Kommentar
Beste Antwort [Mitglied catf…] Geschrieben August 1, 2013 Beste Antwort Teilen Geschrieben August 1, 2013 Das ist HTML5 mit dem data-Attribut. Wie es geht, steht hier: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-tooltips-courtesy-of-html5-data-attributes/ 1 Link zu diesem Kommentar
[Mitglied Robe…] Geschrieben August 2, 2013 Teilen Geschrieben August 2, 2013 http://www.google.com/fonts/specimen/Abril+Fatface die abril fatface gibt es über diverse webfont-dienste, so auch google webfonts. auf deren seite ist alles fix und fertig zum einbinden oder verlinken des fonts. Link zu diesem Kommentar
[Mitglied Manu…] Geschrieben August 2, 2013 Themen-Ersteller Teilen Geschrieben August 2, 2013 @RobertMichael würde die toolbox für meine Fonts einsetzen frage zu google webfont: darf man eigentlich alle davon kostenlos kommerziell einbinden? müssen quellen genannt werden? Link zu diesem Kommentar
[Mitglied Robe…] Geschrieben August 2, 2013 Teilen Geschrieben August 2, 2013 achso, ich dachte du meinst wie man den font einbindet... hier steht man darf sie kommerziell einbinden: http://www.google.com/fonts/#AboutPlace:about Link zu diesem Kommentar
Ralf Herrmann Geschrieben August 2, 2013 Teilen Geschrieben August 2, 2013 frage zu google webfont: darf man eigentlich alle davon kostenlos kommerziell einbinden? müssen quellen genannt werden? Die Fonts »gehören« ja nicht Google, sondern den einzelnen Typedesignern, die wiederum selbst die Lizenz wählen – alle Google Webfonts sind jedoch Open Source Fonts mit entsprechend liberalen Lizenzen. Die genauen Bedingungen findest du daher bei jeder einzelnen Schrift, wenn du das Popup mit den näheren Infos öffnest. Dort ist die Lizenz angegeben und verlinkt. Link zu diesem Kommentar
[Mitglied RoTo…] Geschrieben August 6, 2013 Teilen Geschrieben August 6, 2013 Das ist HTML5 mit dem data-Attribut. Wie es geht, steht hier: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-tooltips-courtesy-of-html5-data-attributes/ Mit data-Attributen hat das eigentlich nur nebenbei zu tun. Sie alleine tun gar nichts, Der Design der Webseite ist auf Basis von Bootstrap erstellt worden (noch Version 2), welches mehrere einfache, grundlegende JavaScripte mitliefert (u.a. für Tooltips). Diese JavaScripte verwenden der einfachheithalber dann die data-Attribute, wo (in diesem Fall) die Tooltip-Texte hinterlegt werden. Es gibt unzählige andere JavaScripte für Tooltips im Internet, wobei der Bootstrap-Script schon qualitativ zum besten gehört. Alternativ, stellen heutzutage alle Browser den title-Attribut als Tooltip dar. Beispiel: <p title="Mein Tooltip">Hallo</p> Link zu diesem Kommentar
[Mitglied Manu…] Geschrieben August 7, 2013 Themen-Ersteller Teilen Geschrieben August 7, 2013 ist eingebunden ;) BESTEN DANK http://www.typographicdesign.de/typography-font-dirty-bubble-gum-grunge/ Link zu diesem Kommentar
Empfohlene Beiträge
Erstelle ein Benutzerkonto oder melde dich an, um zu kommentieren
Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können
Benutzerkonto erstellen
Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!
Neues Benutzerkonto erstellenEinloggen
Du hast bereits ein Benutzerkonto? Melde dich hier an.
Jetzt anmelden