All the icons are replaced with these special characters showing on the screen as shown in the below image but on refreshing page icons appears again why is this happening.
The image
Related
We are using font awesome icons but all of a sudden the icons are not showing up while printing.
Yet those are visible everywhere else on the entire site. Just not while printing.
All the related assets like fonts and css are loaded locally from the site.
I have checked the #media print visibility and display attribute they are visible and block only.
Wkhtmltopdf is shrinking all of the fonts from my HTML document, causing the entire document to appear smaller once converted to PDF.
What I've Tried:
--disable-smart-shrinking: This makes the fonts appear more normal, but cuts off the right side of the page.
I have tried adjusting the margins as well along with disabling smart shrinking, but it does not seem to bring back the cut off parts of the page.
Are there any other commands likely to make the fonts appear normal sized?
I have looked around for the answer and a close article was this: HTML links not clickable on mobile, but are clickable on desktop
On my site: https://venueswl.com/
In the footer (only on an actual mobile device) the mobile and email links are black. However across desktop and laptop, these links are white and correctly working.
I can't see any blinding errors either using the inspect element on Google.
Any ideas?
I have a custom font which I would like to use on my webpage but its edges blur slightly when viewed in Chrome. I have the font on my server and it's linked in CSS.
On my WordPress site the icons that were rendered with fonts are no longer displaying the icon. Instead they are displayed as a little square.
I see this in 2 locations on my site. The sidebar that displays social icons. And the 3 lined menu icon when the browser window is sized down to the mobile layout.
On Mac OS X I see the error on Firefox 31, and Chrome 37. But it works correctly on Safari 7.
Here's the URL: www.ashton.me
Why is this happening?
What should I do to fix it?
If you take a look at the Network tab in Chrome Inspector (or similar in other browsers) you will notice that your icon fonts are not loading correctly. Missing glyphs are displayed as a square, so that is what you are seeing. And different browsers use different font files (or may have the correct file in cache) so that is probably why it does work in Safari.
I fixed it.
In WordPress Settings "WordPress Address (URL)" and "Site Address (URL)" both needed the www version of the URL and it cleared right up.