kurt-liao / kurt-liao/github-style-plus

How to use fork-awesome fonts with this theme?

Open
#14 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
27
Forks
10
PR merge metrics
No merged PRs in 30d

Description

I copied example-site content into root folder. And locally running with baseUrl="", (and theme disabled)

I downloaded [fork-awesome](https://forkaweso.me/Fork-Awesome/) font into /static folder of root dir.

```yml
.static/
|-- css
| |-- brands.css
| |-- dark.css
| |-- fontello.css
| |-- fork-awesome.css
| |-- frameworks.min.css
| |-- gitalk.css
| |-- github-style.css
| |-- github.min.css
| |-- light.css
| |-- syntax.css
| `-- toc.css
|-- fonts
| |-- forkawesome-webfont.eot
| |-- forkawesome-webfont.svg
| |-- forkawesome-webfont.ttf
| |-- forkawesome-webfont.woff
| |-- forkawesome-webfont.woff2
```

Fork-awesome.css

```css
@font-face {
font-family: 'ForkAwesome';
src: url('../fonts/forkawesome-webfont.eot?v=1.1.7');
src: url('../fonts/forkawesome-webfont.eot?#iefix&v=1.1.7') format('embedded-opentype'), url('../fonts/forkawesome-webfont.woff2?v=1.1.7') format('woff2'), url('../fonts/forkawesome-webfont.woff?v=1.1.7') format('woff'), url('../fonts/forkawesome-webfont.ttf?v=1.1.7') format('truetype'), url('../fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
.....
}
```

Finally adding the stylesheet into `layouts/partials/head.html`

```html



```

**However it doesn't work** when using icon class in markdown content

```md

Home
```

**Any idea how to make it work ?**

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the setup with baseUrl="" and the files under static/css and static/fonts. Start by inspecting layouts/partials/head.html and the referenced stylesheet paths, then verify the icon markup in markdown content renders locally. Done means the Fork Awesome icons display correctly in the generated site.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, hugo
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.