kostenloser Webspace werbefrei: lima-city

Schrift dicker als bolder

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   kogsz

   kogsz hat kostenlosen Webspace.

   17:49, 22.4.2014

   Hallo,
   HTML-Code:
   

   <table>
   <tr>
   <td>
   TEXT
   </td>
   </tr>
   </table>

   
   CSS:
   

   table td {
   letter-spacing: -2px;
   font-weight: bolder;
   font-size: 30px;
   }

   
   
   Ich möchte, dass der Text größer als bolder/900 angezeigt wird. Habe per Google nichts gefunden.
   Gibt es da irgendeinen Trick oder anderen Ansatz, das dicker zu machen?

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. c143

   c143 hat kostenlosen Webspace.

   17:59, 22.4.2014

   900px ist das maximum für font-weight, da kannst du nichts dran ändern und nen anderen Trick kenn ich auch nicht.

4. mczernin

   

   mczernin hat kostenlosen Webspace.

   18:05, 22.4.2014

   es gibt aber einige Schriften die von haus aus sehr dick sind... z.B: http://www.hongkiat.com/blog/extra-bold-fonts/
   oder http://di-side.com/di-side/50-black-and-heavy-extra-bold-fonts-logos-headlines/

5. all-in1

   

   all-in1 hat kostenlosen Webspace.

   18:08, 22.4.2014

   Einige Schriftarten sind von sich aus schon fetter als andere. Vielleicht kannst du ja auch eine andere Schriftart verwenden.
   Schau dich einfach mal Google Fonts um, die kann man in HTML5 Dokumenten einbinden und stehen dann jedem zur Verfügung.
   
   Schade zwar etwas später gegenüber meinem Vorredner, aber bei Google Fonts solltest du dich umschauen.

6. mein-wunschname

   mein-wunschname hat kostenlosen Webspace.

   20:32, 22.4.2014

   Ich weiß nicht, auf welche Schriftart du benutzt oder benutzt hast, bei vielen Schriftarten wird die Abstufung so gar nicht unterstützt.
   Bei den Google Webfonts gibt es die Schriftart Exo 2, die 100, 200 usw. bis 900 komplett unterstützt.
   
   Ansonsten könnte man auch noch mit
   

   text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);

   
   zusätzlich Schriftendicke simulieren

7. sebulon

   

   sebulon hat kostenlosen Webspace.

   13:24, 23.4.2014

   Du kannst die schrift in einem Canvas versuchen mit POlygonen selber Zeichnen... aber das ist aufwand, sonst ist mir auch keine Methode bekannt schrift noch Dicker zu machen(zumal die dann richtig schlecht leserlich wird langsam...)

8. h***e

   14:14, 23.4.2014

   Ich hab mal was geschrieben das dir Weiterhilft
   
   
   

   <div style="color: rgba(0, 0, 0, 1);font-weight:bold;font-size: 40px;text-shadow:0px 0px 0 rgba(0, 0, 0, 1),1px 0px 0 rgba(0, 0, 0, 1),2px 0px 1px rgba(0, 0, 0, 1),2px 0px 1px rgba(0, 0, 0, 1); ">hallo</div>

9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?