luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use semibold font instead of font-weight: 600

Browse source
This commit is contained in:
Gavin Nishizawa 2023-04-10 13:55:52 -07:00
parent 624b2a9a10
commit 423c7e88eb
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
2 changed files with 22 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
d2renderers/d2svg/d2svg.go
View file

@ -1434,6 +1434,22 @@ func EmbedFonts(buf *bytes.Buffer, diagramHash, source string, fontFamily *d2fon
),
)
if fontFamily != nil && *fontFamily == d2fonts.SourceSansPro {
appendOnTrigger(
buf,
source,
[]string{`class="md"`},
fmt.Sprintf(`
@font-face {
font-family: %s-font-semibold;
src: url("%s");
}`,
diagramHash,
fontFamily.Font(0, d2fonts.FONT_STYLE_SEMIBOLD).GetEncodedSubset(corpus),
),
)
}
appendOnTrigger(
buf,
source,
@ -1769,6 +1785,7 @@ func Render(diagram *d2target.Diagram, opts *RenderOpts) ([]byte, error) {
css = strings.ReplaceAll(css, "font-bold", fmt.Sprintf("%s-font-bold", diagramHash))
css = strings.ReplaceAll(css, "font-mono", fmt.Sprintf("%s-font-mono", diagramHash))
css = strings.ReplaceAll(css, "font-regular", fmt.Sprintf("%s-font-regular", diagramHash))
css = strings.ReplaceAll(css, "font-semibold", fmt.Sprintf("%s-font-semibold", diagramHash))
fmt.Fprintf(upperBuf, `<style type="text/css">%s</style>`, css)
}

16
d2renderers/d2svg/github-markdown.css vendored
View file

@ -70,7 +70,6 @@
.md h1 {
margin: 0.67em 0;
font-weight: 600;
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 1px solid var(--color-border-muted);
@ -240,35 +239,30 @@
.md h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
font-weight: 400;
line-height: 1.25;
font-family: "font-regular";
font-family: "font-semibold";
}
.md h2 {
font-weight: 600;
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
.md h3 {
font-weight: 600;
font-size: 1.25em;
}
.md h4 {
font-weight: 600;
font-size: 1em;
}
.md h5 {
font-weight: 600;
font-size: 0.875em;
}
.md h6 {
font-weight: 600;
font-size: 0.85em;
color: var(--color-fg-muted);
}
@ -465,7 +459,7 @@
margin-top: 16px;
font-size: 1em;
font-style: italic;
font-weight: 600;
font-family: "font-semibold";
}
.md dl dd {
@ -474,7 +468,7 @@
}
.md table th {
font-weight: 600;
font-family: "font-semibold";
}
.md table th,
@ -677,7 +671,7 @@
}
.md .csv-data th {
font-weight: 600;
font-family: "font-semibold";
background: var(--color-canvas-subtle);
border-top: 0;
}