Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

can't get the icons working

See original GitHub issue

Hi, thanks for the great project!

But i can’t get the icons working.

look at the pdf screenshot below:

So I made a simple html file to test this css file semantic.min.css:

<link rel="stylesheet" type="text/css" href="semantic.min.css">
<h2>My report test</h2>

<div class="ui container">
  <div class="ui icon message yellow block-center">
    <i class="exclamation circle icon"></i>
    <div class="content">
      <div class="header">This is an important message, as per the exclamation mark.</div>
        You can add content to your message explaining why it is important and
        what the reader can do to de-importantize the situation.</p>

<button class="ui icon button">
<i class="cloud icon"></i>

<div class="ui negative message"><i class="inbox icon"></i>
  <div class="content">
    <div class="header">header</div>
    <p>Test Message</p>


It doesn’t work, too.

So I tried to search for the answer.

And I modified the file Anaconda3\Lib\site-packages\pdf_reports\css\semantic.min.css at line 75 changing the fonts’ urls.

The codes become like this:

src:url( format('embedded-opentype'),url( format('woff2'),url( format('woff'),url( format('truetype'),url( format('svg');

After I modified , I tested again.

The test.html that I created to test works on Firefox Chrome and Edge.

But the pdf file that I use pdf-reports to create still doesn’t work.

Any help?


Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:2
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

gxdiercommented, Jan 17, 2019

I’m not sure that the issue is caused by WeasyPrint but maybe more because of the way Semantic UI treats font-awesome as different classes (?).

Anyways, as mentioned by @shotecorps , a quick and dirty way is to insert the font-awesome style sheet directly on top of your template to display icons correctly (link found in Font Awesome website).

<link rel="stylesheet" href="" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

If someone as the exact reason/solution, don’t hesitate to comment 😃

shaunpatelcommented, Apr 26, 2020

I’m having the same issue on a Mac. Adding a link to all.css in a head tag did not work for me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

7 Quick Ways to Fix Desktop Icons not Showing on Windows 10
3. Make sure the Show Desktop icons feature is enabled · Right-click on the empty area on your desktop. · Choose View >...
Read more >
How to Fix Broken or Missing Icons and Thumbnails in ...
Fix Icons and Thumbnails from Run or Command Prompt ... If you don't want to go through a third-party app, you can try...
Read more >
Desktop Icons Not Showing Up - Driver Support
It can be difficult to get work done when you desktop icons are suddently missing or have disappeared. Learn how to quickly resolve...
Read more >
How to Fix the Desktop Icons Disappeared on Windows 10
Right-click on an empty space on your desktop. · Click on the “View” option from the context menu to expand the options. ·...
Read more >
How to resolve an issue where all Windows 7 desktop icons ...
Scenario Description. Oh no, all the icons on the desktop have become blank! Restarting the computer doesn't change anything. How can I resolve...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found