Quote:
Originally Posted by roger64
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
}