Comments (11)
Looking at Unifont, it might be infeasible to use it as a web font. The TTF file is about 12MB. You can probably use a conversion tool that extracts out the characters you need, however.
Either way, the problem is definitely the font. Find the right monospaced web font and you'll solve the issue.
from wttr.in.
It seems to be that the unicode characters, such as "degree" and the arrow-type characters don't keep the monospaced widths, and therefor alter the alignment.
from wttr.in.
Switching the font to GNU Unifont solves the misalignment issues. You'll need to use a @font-face
directive in CSS in order to do so, but the result looks much better:
from wttr.in.
For OS X the fix was indeed using Menlo and for Linux the fix was using DejaVu Sans Mono font-family. Letting it fall back to monospace makes everything unpredictable with so many bad monospace fonts around. DejaVu Sans Mono also fixed the unicode misalignment issue for ChromeOS.
I've seen Consolas recommended for Windows but cannot confirm as I don't have Windows to test with.
from wttr.in.
It should work better in Mac OS X / iOS (and probably Windows) now (see #68).
Please test and report, if there are still problems with these and other problems.
As far as I see, there are still problems with Android at least.
from wttr.in.
So, aftermath of #68 is that we have OS provided good monospace fonts for the following:
- Mac OS X & iOS: Menlo
- Linux & ChromeOS: DejaVu Sans Mono
- There's several contenders for the best Windows font.
- The biggest remaining issue is Android. Next step is to figure out what monospace fonts does vanilla Android ship with, and hopefully one of them is good.
from wttr.in.
from wttr.in.
It looks really ugly in windows:
https://twitter.com/Noooooovik/status/832190050297376768
@Artanicus @Blesh If you have any ideas what fonts could be tried on Windows please give your suggestions
from wttr.in.
Hmm.. Apparently nobody cares anymore?
from wttr.in.
@Nimja Actually the users do care, but the problem is still there. Do you have any idea about the font?
from wttr.in.
I'm closing this for now, ticket has been open for 3.5 years ;)
from wttr.in.
Related Issues (20)
- Language options stopped working HOT 1
- moon phase inverted?
- Site Down? HOT 7
- Curl wttr.in not working HOT 12
- Fix PNG rendering HOT 15
- German Translation "Morning" HOT 1
- wttr.in service down HOT 2
- different data for the same location depending on the language
- readme.md does not show the weather right on live test HOT 2
- V2 webpage broken: `PNG support temporary disabled` HOT 3
- Page is wide, while I expect it should be narrow HOT 1
- Site down HOT 1
- Text direction stripped from location (terminal)
- southern hemisphere 404 unknown location HOT 2
- Emoji spacing in nwg-wrapper HOT 2
- incorrect current temperatures
- Moon phases are missing on wttr.in but work correctly on www.wttr.in HOT 3
- Connection refused
- Docker - no ./share/we-lang HOT 1
- Snowfall underestimate?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from wttr.in.