[css-d] tbnt

2013-05-26 Thread David Laakso 
Greetings,

I'd like to make the space between the digits 2 and 8 tight but not
touching [tbnt] without the numeral 28 overlapping the ochre-like
color border above it. So far I am not having much luck... anyone care
to share the secret to make it happen?

test case http://ccstudi.com/test39.html

Thanks,
David Laakso

-- 
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] tbnt

2013-05-26 Thread Philippe Wittenbergh 

Le 27 mai 2013 à 12:09, David Laakso laakso.davi...@gmail.com a écrit :

 I'd like to make the space between the digits 2 and 8 tight but not
 touching [tbnt] without the numeral 28 overlapping the ochre-like
 color border above it. So far I am not having much luck... anyone care
 to share the secret to make it happen?
 
 test case http://ccstudi.com/test39.html

Have you tried
div::before { letter-spacing: -.07em; }
?

Philippe
--
Philippe Wittenbergh
http://l-c-n.com




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] tbnt

2013-05-26 Thread David Hucklesby 

On 5/26/13 8:09 PM, David Laakso wrote:

Greetings,

I'd like to make the space between the digits 2 and 8 tight but not
touching [tbnt] without the numeral 28 overlapping the ochre-like
color border above it. So far I am not having much luck... anyone care
to share the secret to make it happen?

test case http://ccstudi.com/test39.html



Hmm. I have non-default fonts set in my browsers, so get wildly different
results cross-browser. So some do overlap the top border as-is while others
only overlap when negative letter-spacing is applied to the generated content.
(Which I imagine you already tried.)

I think I'd use an SVG background-image for this, with a PNG fallback, perhaps.
--
Cordially,
David




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] tbnt

2013-05-26 Thread David Laakso 
On Mon, May 27, 2013 at 12:26 AM, Philippe Wittenbergh e...@l-c-n.com wrote:

 Le 27 mai 2013 à 12:09, David Laakso laakso.davi...@gmail.com a écrit :

 I'd like to make the space between the digits 2 and 8 tight but not
 touching [tbnt] without the numeral 28 overlapping the ochre-like
 color border above it. So far I am not having much luck... anyone care
 to share the secret to make it happen?

 test case http://ccstudi.com/test39.html

 Have you tried
 div::before { letter-spacing: -.07em; }
 ?
 Philippe


Corrected to server. Thanks!
Dummy this end had one test with letter-spacing at .05em but neglected
to put in the all important minus sign -- so much for trying anything
when too tired to think straight...

Best,
David Laakso

-- 
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/