how do i get rid of this in a heading...

User 276801 Photo


Registered User
24 posts

I am using a black stroke of 1 px in design panel. At wider screen settings The letters appear like the attachment, Over stylized. How do i make the letters solid inside?
Attachments:
User 379556 Photo


Registered User
1,615 posts

I think it's just a matter of choosing a different font. That sort of effect is part of certain fonts, such as Heebo and Hepta Slab.

Frank
User 122279 Photo


Senior Advisor
14,664 posts

How did you create that in the first place? I tried to replicate it, but I obtained a result that, to me, looks correct.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 122279 Photo


Senior Advisor
14,664 posts

Frank might be on to something. When asking questions here, it is always useful if you provide a bit of info.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 276801 Photo


Registered User
24 posts

Thanks, it is the font roboto. It was used in the original coffecup template i started the site with. I changed it and the issue is gone
User 463058 Photo


Ambassador
1,088 posts

As you could see. Stroke styling shows all the outlines of a font's individual pieces.Shadows can simulate the outline effect.

h1 {
filter: drop-shadow(-1px -1px 0px #000000) drop-shadow(0px -1px 0px #000000) drop-shadow(1px -1px 0px #000000) drop-shadow(1px 0px 0px #000000) drop-shadow(1px 1px 0px #000000) drop-shadow(0px 1px 0px #000000) drop-shadow(-1px 1px 0px #000000) drop-shadow(-1px 0px 0px #000000);
}


This can be inserted into the head of the page using the Element tab. Preview shows the outline, but it isn't visible when designing.

Attachments:
User 2699991 Photo


Registered User
5,451 posts
Online Now

This can be inserted into the head of the page using the Element tab. Preview shows the outline, but it isn't visible when designing.


Actually, a similar effect can also be achieved just using the built in styling within Site Designer, (Stroke, Text Shadow and Text Outline) advantage is that you can see it when designing and make adjustments to suit your design preferences, no need insert anything into the header.

however the question was how to get rid of the effect , which by changing the font worked.
Attachments:
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html
User 463058 Photo


Ambassador
1,088 posts

Actually, a similar effect can also be achieved just using the built in styling within Site Designer, (Stroke, Text Shadow and Text Outline)...


Thank you, I can see the Stroke and Text Shadow controls, but I can't find Text Outline.
User 2699991 Photo


Registered User
5,451 posts
Online Now

Cary wrote:
Actually, a similar effect can also be achieved just using the built in styling within Site Designer, (Stroke, Text Shadow and Text Outline)...


Thank you, I can see the Stroke and Text Shadow controls, but I can't find Text Outline.


OOPS neither can I :cool::cool::cool:

Didn't mean put just Outline, I meant to say to create an outline (similar to one that Paul was wanting to achieve

Just Text Shadow and Stroke )Shadow set to blur = 1 and the X,Y settings as you desire for that example
Blur = 1 X = 2 Y=1 Stroke was set to 0.03 rem, Possibly even upto 0.07 REM would still create a nice stronger outline :: colour whatever one desires

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS

Contact me
https://rsd-tutorialscom.coffeecup.com/index.html

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.