Questions tagged [web-safe]

Web safe refers to whether something will look the same as it does on a local machine when it's live on the internet, and being viewed on a variety of different devices.

Filter by
Sorted by
Tagged with
15
votes
4answers
3k views

What exactly is a web font, and what does converting to one involve?

I've read a few articles on this but the actual technical differences between web fonts and desktop fonts still elude me. The more I read on the topic the more I get the feeling that no-one has a ...
2
votes
3answers
90 views

Saving images for web with text

At my work I create assets for web. We have been saving images that are 686 x 391 px. I’ve noticed that the quality of images with text isn’t as good. Is there a recommended size for images with text ...
0
votes
1answer
1k views

Design safe area / top and bottom bars height through different systems and browsers

When designing RWD how do You consider design safe area? For example in 1920x1080, do You design for 1080 or You shrink it? If shrink, how much, considering Windows and Mac and also different browsers?...
0
votes
2answers
1k views

Saving vector images in Illustrator for a web blog

Graphics designing is not my profession, however, I do know how to use Illustrator to create simple vector images/graphics. I do not have an idea as to what format or other attributes to consider when ...
0
votes
2answers
379 views

Pantone 376 C to Web Safe Color

I recently started at a new company and the company paid a contractor for a logo. The logo is in Pantone 376 C and unfortunately contains a gradient with Pantone 382 C. I am working on web content, ...
1
vote
1answer
622 views

Transparent web icons on dark backgrounds have white outline and look low quality [duplicate]

I usually make my images transparent using an internet online tool like LunaPic (Images like member ranks, buttons etc.) The thing is that on light backgrounds they are looking fine but on dark ones ...
1
vote
1answer
1k views

Can't export SVG properly

I want to export a file from Adobe Illustrator but it's kinda messing it up. I've no idea why. In case you don't see the problem instantly: The shadow (3D Extrude & Bevel effect) of the gray line ...
2
votes
1answer
4k views

Why does Bootstrap 3 use Helvetica Neue?

My understanding currently is: "Helvetica Neue" is Linotype font. That means it needs to be paid for and is not free to use. It is also a font that is not for web, it is for print. It will not render ...
0
votes
1answer
336 views

Same view, different hex codes. Which one is true?

I'm working on Yandex social media covers and the problem is the yellow. First of all, this is my color profile (same with the project owner) And the code given to me is #fedc4a. But when I export ...
4
votes
2answers
260 views

For web content, is it better to use an entity or the actual character?

I'm confused about the correct way to insert special typographic characters (like quotation marks and em dashes) when producing content that will be displayed on a web page. Is it better or preferred ...
5
votes
4answers
1k views

What are the best tools for testing how a website will look on different platforms and what are their pros and cons?

What are the best tools for testing how a website will look on different platforms and what are their pros and cons? This includes knowing how my layout/fonts display and functionality in various ...
15
votes
3answers
13k views

Why are PDF/X files better than “standard” PDFs?

I have a friend who is also a graphic designer, has little experience in prepress, but has a nice portfolio and seems to have a good knowledge of using the Adobe products. I can't dismiss his opinion ...
2
votes
2answers
40k views

How to save logo for web from Illustrator (logo looks pixelated after uploading)

Every time I try saving my logo from Illustrator, it comes out blurry. The logo was done in Illustrator (as a vector file). I tried tracing the outline, rasterizing, saving in all types of files.......
1
vote
1answer
3k views

Is Proxima Nova a web safe font?

I've been asked to replace the font we use on the web and mobile apps with Proxima Nova. I wanted to ask the community if any of you know if Promima Nova is a web safe font?. Thanks.
2
votes
4answers
504 views

Will my web site's type in the web browser look exactly as it does in Photoshop?

Are there specific web font guidelines to use in Photoshop files for web design? I am having issues with line spacing and fonts not showing correctly in HTML.
1
vote
3answers
599 views

Logo looks weird on mobile but not desktop

I created this logo in Illustrator (I am not a graphic designer, so be nice =]) and have used the "Save for Web" feature. I saved the file below as a PNG (24 for true color) and selected optimize for ...
2
votes
3answers
35k views

Web-safe alternative to Univers?

My company uses the Univers font as its official typeface and I'm looking for a good Web-safe alternative. The options are limited, but typefaces are really my weak point and I can't tell which ones ...
1
vote
2answers
2k views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
7
votes
3answers
20k views

What are the good and free alternative to Helvetica when use as web font? [duplicate]

Sans-serif typeface is usually in web, so what are the free/open/cross-platform choices that can replace Helvetica? By replacing Helvetica I mean are there any font which is better than Helvetica for ...
19
votes
2answers
987 views

What is the effect of ligatures in web, regarding SEO

All designers love ligatures but vanilla web typography just sucks. I heard of smartypants that solves many of thoses issues, bringing sexy quotes, gorgeous ampersands and all. It's just perfect, ...
2
votes
1answer
2k views

Illustrator CS6 'Save for Web' doesn't save the image as expected

I have an image 8x8 pixels as below; this is the image as I see in Adobe Illustrator CS6: Each gray shade in upper left and lower right corners is 4x2 pixels. I would like to save this image as I see ...
96
votes
11answers
326k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
1
vote
3answers
14k views

Save for Web in Photoshop with custom DPI

I am writing user documentation using DITA which allows me to easily generate deliverables in PDF, CHM and web formats. The images need to be saved with a DPI of 110 so that they are displayed ...
2
votes
3answers
1k views

Colors appear differently on webpage when saving in sRGB

I've made a webpage with an image next to text, set as the same color I thought I had used for the image. However when I looked at the webpage on Safari (on Mac) I noticed that the actual color of the ...
41
votes
11answers
313k views

Is there a DIN font free alternative?

I need a websafe alternative to DIN font. It needs to be free for commercial use. Anyone know of a good one?
2
votes
1answer
11k views

Looking for a good, video game retro (pixel-like) web safe font

Does anyone know of a good pixel-like, retro video game font that is web-safe? I am having trouble finding one. Thanks
2
votes
4answers
1k views

What is the state of cross platform web safe fonts in 2011?

You can see the traditional cross platform system fonts like Arial and these , but in 2011 with Leopard/Lion and Vista/7, surely there are a load more fonts we can use reliably? Thanks!
61
votes
16answers
302k views

Web Safe Alternative to Myriad Pro Font?

Are there any fonts that I can use in my font stack that are more or less similar to Myriad Pro and web safe?
62
votes
6answers
14k views

Are “web-safe” colors still important?

Years ago, it was always strongly recommended that web designers should only use web-safe colors. Have studies been done to see if this is still the case? If so, what's the answer? Does anyone know ...