Coder Social home page Coder Social logo

Comments (6)

dbolack-ab avatar dbolack-ab commented on September 27, 2024

Which theme is this impacting?

from homebrewery.

5e-Cleric avatar 5e-Cleric commented on September 27, 2024

Not impacting any theme as we don't use it in bold, but some users have tried and the browser's forced bold interacts badly with it.

from homebrewery.

calculuschild avatar calculuschild commented on September 27, 2024

We could have the bold font-face point back to the same font file so it doesn't trigger the browser generating ugly placeholder bold fonts. As a decorative drop-cap font I think it would be ok for bold and normal (and italic) to just be identical.

from homebrewery.

G-Ambatte avatar G-Ambatte commented on September 27, 2024
{{font-family:SolberaImitationRemake,font-size:48px Normal}}
:
{{font-family:SolberaImitationRemake,font-size:48px *Italics*}}
:
{{font-family:SolberaImitationRemake,font-size:48px **Bold**}}
:
{{font-family:SolberaImitationRemake,font-size:48px ***Both***}}

image


I think this article has the kind of style settings being discussed : https://www.smashingmagazine.com/2013/02/setting-weights-and-styles-at-font-face-declaration/#style-linking

from homebrewery.

G-Ambatte avatar G-Ambatte commented on September 27, 2024
/* Fancy Drop Cap */
@font-face {
	font-family: SolberaImitationRemake; //Tweaked 5e version
	src: url('../../../fonts/5e/Solbera Imitation Tweak.woff2');
	font-weight: 100 1000;
	font-style: normal;
	font-style: italic;
}

Repeating the source text from the previous comment:
image

Bolded text is still wrapped in <strong> elements and thus is targeted by the .page strong styling, so the letter-spacing: -0.02em; is still applied.

from homebrewery.

G-Ambatte avatar G-Ambatte commented on September 27, 2024

A further test:
image

from homebrewery.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.