question-mark
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.

list-style-type: square cannot be displayed

See original GitHub issue

Referring to an older issue #318

We are using

font-family:  Helvetica, Arial, sans-serif;

and list-style-type: square is not shown (garbage as you have shown). We are using an alpine:latest container with

apk --no-cache add msttcorefonts-installer fontconfig 
update-ms-fonts
fc-cache

reproduceable for weasy using

FROM alpine:latest

RUN apk --update --upgrade add supervisor cairo pango gdk-pixbuf py3-cffi py3-pillow py-lxml py3-pip \
 && apk --no-cache add msttcorefonts-installer fontconfig \
 && apk --no-cache add ca-certificates dpkg bash curl su-exec \
 && update-ms-fonts \
 && fc-cache

We also tried with Roboto and Liberation Sans

Liberation

RUN apk --update add ttf-liberation

Roboto

RUN wget https://github.com/google/fonts/archive/master.tar.gz -O gf.tar.gz \
 && tar -xf gf.tar.gz \
 && mkdir -p /usr/share/fonts/truetype/google-fonts \
 && find $PWD/fonts-master/ -name "*.ttf" -exec install -m644 {} /usr/share/fonts/truetype/google-fonts/ \; || return 1 \
 && rm -f gf.tar.gz \
 && fc-cache -f && rm -rf /var/cache/*

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
mikevoetscommented, Sep 22, 2020

@liZe I have tried it out and I confirm it is back to normal. Thanks so much for the expedience!

1reaction
liZecommented, Sep 22, 2020

You can now try the latest master branch or install NotoEmoji (or DejaVu), everything should be back to normal.

Please let me know if the problem is not fixed for you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

List Style Type Square Not Showing - HTML & CSS - SitePoint
I cannot get the square to show for the list items on this page. Can someone take a look and tell me what...
Read more >
CSS list-style-type not working - Stack Overflow
I set the ul { display:list-item; } as suggested above, and it just worked fine. Check if you are using any reset files....
Read more >
list-style-type - CSS: Cascading Style Sheets - MDN Web Docs
The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Read more >
CSS list-style-type property - W3Schools
Definition and Usage. The list-style-type specifies the type of list-item marker in a list. Show demo ❯ ...
Read more >
list-style - CSS-Tricks
ul { list-style-type: square; list-style-position: outside; ... also have a bug where floated list items do not display their list marker.
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found