Different website look on different screens

I have a problem with displaying my website www.areavis.com on different screens.


Now I have a template responsive. On my wide screen, it works fine. But on smaller screens (and not only) look quite different, the background is too white, fonts are different ...


Please take a look how looks on my wide screen:

 

And how looks on different screen:

 

Please help, I would like to the other screens website looked like on my wide.

my wide screen.jpg · 220K · 407 views
different screen.jpg · 216.7K · 391 views
Quote · 18 Jun 2013

Are these screen shots done on the same computer with the same Browser?

Geeks, making the world a better place
Quote · 18 Jun 2013

 

Are these screen shots done on the same computer with the same Browser?

 Only the same browser. But different computers.

Quote · 18 Jun 2013

Is Calibri not installed on the other computer, by chance?  I can't find a webfont for it on your site.

BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 18 Jun 2013

I believe Nathan nailed it. Your using a non standard font that the other computer most likely does not have installed.

Also keep in mind that every computer monitor will also display colors differently. The brightness and contrast of colors from one computer to another will be slightly different unless you go the the trouble to properly calibrate the monitor.

https://www.deanbassett.com
Quote · 18 Jun 2013

What you can do is to specify a font family that is standard on most computers.  Keep in mind that some fonts that are standard on windows installations may not be standard on a Mac.  You can search the internet for a list of fonts that are standard on both Windows and Mac; and maybe even on Linux as well.

Geeks, making the world a better place
Quote · 18 Jun 2013

 Probably not. As for the other screen bad displays. But on my wide screen is Kalibri and displays well. But how to install a webfont on my site?

Is Calibri not installed on the other computer, by chance?  I can't find a webfont for it on your site.

 

Quote · 19 Jun 2013

 In that case, what is the most universal font for all screens? I wish on every screen website look the same.


This is true. I noticed that I was doing a screen shot on the small screen. Watching screenshot on your wide screen brightness and colors is no different.

I believe Nathan nailed it. Your using a non standard font that the other computer most likely does not have installed.

Also keep in mind that every computer monitor will also display colors differently. The brightness and contrast of colors from one computer to another will be slightly different unless you go the the trouble to properly calibrate the monitor.

 

Quote · 19 Jun 2013

 That this should be the best in this situation. Thank you for the advice. And what do you think is the greatest font type operating on all screens?

What you can do is to specify a font family that is standard on most computers.  Keep in mind that some fonts that are standard on windows installations may not be standard on a Mac.  You can search the internet for a list of fonts that are standard on both Windows and Mac; and maybe even on Linux as well.

 

Quote · 19 Jun 2013

responsive template will also display differently on different screens/pcs if they have different screen resolution.

aside of the font issue being discussed...!

Quote · 19 Jun 2013

 

responsive template will also display differently on different screens/pcs if they have different screen resolution.

aside of the font issue being discussed...!

 100% right... that's why they are called responsive.

ManOfTeal.COM a Proud UNA site, six years running strong!
Quote · 19 Jun 2013

 Thank you. Yes you are right, were discussed. But when I add this this on the forum I didn`t know that it will about fonts issue.

responsive template will also display differently on different screens/pcs if they have different screen resolution.

aside of the font issue being discussed...!

 

Quote · 20 Jun 2013

For the safest fonts to use.

http://www.webresourcesdepot.com/a-complete-list-of-web-safe-css-font-stacks/
http://cssfontstack.com/

https://www.deanbassett.com
Quote · 20 Jun 2013

 Thank you ! I changed the font to Arial, because it is the most popular. Maybe this will help.

For the safest fonts to use.

http://www.webresourcesdepot.com/a-complete-list-of-web-safe-css-font-stacks/
http://cssfontstack.com/

 

Quote · 20 Jun 2013

Today I tested the next screen. Normal computer screen (not the laptop screen)

As I written my template is responsive. My website lacks stability when it comes to appearance. Please take a look how looks on some computer screen:

 


how to set the default appearance for these screens? I wish for each screens display a website the same.

1.JPG · 144.7K · 299 views
2.jpg · 135.2K · 288 views
Quote · 26 Jun 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.