Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Documentation not visible due to font colors #36

Open
ghost opened this issue Oct 28, 2014 · 16 comments
Open

Documentation not visible due to font colors #36

ghost opened this issue Oct 28, 2014 · 16 comments

Comments

@ghost
Copy link

ghost commented Oct 28, 2014

The documentation on www.collectionsjs.com is not visible due to the styles.css file..

@Stuk
Copy link
Contributor

Stuk commented Oct 28, 2014

Could you post a screenshot of what you're seeing? From here everything looks fine:

screen shot 2014-10-28 at 11 35 10 am

@Stuk
Copy link
Contributor

Stuk commented Oct 28, 2014

From montagejs/collections#99 (comment)

Sorry for the delay.. attached the preview.. I have adblock plugin. I tried disabling and enabling but still the same result. However, I can see the page properly in IE9, it just doesn't seem to show up in chrome properly.
collections

@Stuk
Copy link
Contributor

Stuk commented Oct 28, 2014

Oh no! Would you mind opening the console (Ctrl+Alt+I), reloading the page and sending a screenshot of that?

@ghost
Copy link
Author

ghost commented Oct 28, 2014

Here it is:

developer

@Stuk
Copy link
Contributor

Stuk commented Oct 28, 2014

Ah, sorry, could you click the Console tab?

@ghost
Copy link
Author

ghost commented Oct 28, 2014

As you can see if I delete the styles.css from the elements, here is how it looks. There are no console errors and nothing logged in the console.

developer2

@ghost
Copy link
Author

ghost commented Oct 28, 2014

Do you still want me to take a console shot?

@ghost
Copy link
Author

ghost commented Oct 28, 2014

developer3

@Stuk
Copy link
Contributor

Stuk commented Oct 28, 2014

Wow, that's weird. Looks like a Chrome rendering bug. What version of Chrome are you using?
Thanks for the report!

@ghost
Copy link
Author

ghost commented Oct 28, 2014

Latest atleast according to chrome:

developer4

@ghost
Copy link
Author

ghost commented Oct 28, 2014

It could be a chrome rendering bug as you mentioned. I can see in dev tools inspector that the font color is black but nothing is displayed on screen. Not sure which rule though.. will try to do a bit more debugging..

@ghost
Copy link
Author

ghost commented Oct 28, 2014

I think I found the issue. I edited the styles.css and looks like this line is causing the issue. Not sure if this is because chrome is not falling back to default fonts:

body {
font-family: 'Fira Sans', sans-serif;
}

@ghost
Copy link
Author

ghost commented Oct 28, 2014

Here is the screen shot with existing styles.css

developer5

@ghost
Copy link
Author

ghost commented Oct 28, 2014

As soon as I dropped a comma at the end of the font-family, here is the result:

developer6

@simurai
Copy link
Contributor

simurai commented Nov 2, 2014

Very strange.. but looks like Chrome on Windows has a problem with that "Fira" font. Do you mind testing another font, maybe Open Sans? In the DevTools could you change it to this:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);

body {
    font-family: 'Open Sans', sans-serif;
}

and see if the font loads? It should look like this:

screen shot 2014-11-02 at 5 33 00 pm

@thomashusa
Copy link

I had the same problem with Chrome Version 46.0.2490.86 (64-bit) / Firefox 42.0 under Arch Linux.

After changing the body font-family to 'Open Sans' it shows up correctly.

collectionsjs
collectionsjs1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants