a thoughtful web.
Good ideas and conversation. No ads, no tracking.   Login or Take a Tour!
comment by insomniasexx

    As promised I add the usernames of people who provide helpful input to the app's about page

That's fine - more than enough. I'm happy to help in any way I can.

    Also, I really like having the large first letter. What if I was able to make it lay inline instead of on top of the line? I.e. the large letter sits at the beginning of the first two lines. Just thinking off the top of my head. I'd love to find an elegant way to keep the large first letter.

I knew you loved that letter. :)

That would work better. The Hubski Illuminated style (I think it's broken now) used this technique. This is the only bit of code I can find from the original CSS file. I'm not entirely sure why or how it works but it did...I think...It appears that floating the first letter allows it to be floated as any other element. I spent a lot of time trying to make it work.

    .pubtext p {
        margin: 8px 0;
        font-size: 15px;
    }

    .pubtext:first-letter { 
       font-family: 'goudy_initialenregular', serif;
       font-size: 75px;
       float: left;
       padding-right: 3px;
    }
I would recommend going through some of the news sites that use this technique and see how they do it, combo of fonts, etc. Don't waste your New Yorker article views on this tho - their first letters suck!




plainold  ·  3659 days ago  ·  link  ·  

Thanks for the code! I'll play around with it.

galen  ·  3660 days ago  ·  link  ·  

    New Yorker article views

Wait, did they implement a subscription model too, or are you thinking of the Times?