View Single Post
Old 03-19-2013, 11:50 AM   #17
jackie_w
Grand Sorcerer
jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.jackie_w ought to be getting tired of karma fortunes by now.
 
Posts: 6,212
Karma: 16534894
Join Date: Sep 2009
Location: UK
Device: Kobo: KA1, ClaraHD, Forma, Libra2, Clara2E. PocketBook: TouchHD3
Quote:
Originally Posted by roger64 View Post
If you found a solution to display fancy dropcaps, I would be keen to learn it (hoping these dropcaps are not just images).
Now you're confusing me If you're embedding the fancy font, the solution is the one you're already using. Namely:
  • Find the fancy initial font file you want - often only available in Regular.
  • Embed in your usual way, with something like the following (substitute your own values, of course)
    HTML:
    Code:
    <p class="noindent"><span="dropcap">T</span>his is a fancy initial font.</p>
    CSS:
    Code:
    @font-face {font-family: "Fancy font"; src: url('../Fonts/Fancy font.ttf')}
    
    .dropcap{
        float:left;
        font-family: "Fancy font", serif;
        font-size:3em;
        font-weight:bold;
        line-height:0.8em;
        margin-left:0.1em;
        margin-right:0.1em;
        margin-top:-0.1em
    }
jackie_w is offline   Reply With Quote