Questions tagged [browser]
Questions about software used to browse the web. Examples of browsers are Internet Explorer, Google Chrome, Mozilla Firefox, and Apple's Safari.
30
questions
0
votes
1
answer
64
views
svg music flat symbol does not position correctly
I am using Adobe Illustrator CS4; I have an ai file that displays correctly, I convert to an svg file that also displays correctly in Illustrator. Then I load it up to a web site and the flat symbol ...
- 1
0
votes
1
answer
40
views
Bézier curve tool: look different when open in browser
I drew this using Bezier tool in Inkskape.
Saved as svg format. When oppened in browser I got the corner deformed (see the second picture)
- 1
7
votes
2
answers
649
views
inkscape arrow tip color disappeared in browser
I drew a line segment using the line/Bézier curve tool.
I used "color and boundary" to change its boundary color.
I also set the arrow style.
I saved it as SVG.
I opened it on Google Chrome.
...
2
votes
1
answer
1k
views
Why is text in an svg rendering incorrectly in Firefox & Safari, but correctly in Chrome?
I'm saving a vector graphic with text in Adobe Illustrator CC (File > Export > Export as ; format .svg ; Styling: Internal CSS ; Font: SVG ; Images: Embed ; Object IDs: Layer Names ; Decimal: 3 ...
- 159
1
vote
0
answers
52
views
Setting OpenType features in SVG. Getting Tabular Oldstyle figures to show up in the browser?
In Adobe Illustrator there is the OpenType panel Alt+Shift+Ctrl+T which lets us set OpenType features for fonts that support them. For example with Montserrat I can set Figure: Tabular Oldstyle to ...
- 367
4
votes
1
answer
275
views
Why does my opacity gradient show in Inkscape but not in browsers?
I created an SVG with an opacity gradient in Inkscape. In the file I see it made a <mask> with a radialGradient and a linearGradient inside <defs>. It then uses it as follows.
<g mask=&...
- 143
0
votes
0
answers
32
views
Screen cap in Chrome measures bigger in Axure, why?
I'm putting together guidelines of graphic dimensions for our website. The sizes need to be exact. However, I noticed that there is a discrepancy between a shape in the browser, v.s. Axure. For ...
- 1
0
votes
0
answers
62
views
Differences in rendered color for text with small font-sizes (16px) in Chrome and Firefox?
I have a text with the following color and font-size:
color: rgb(60,128,124);
font-size: 16px;
But they look completely different on when rendered by Chrome (when compared to what I get on Adobe XD ...
- 121
2
votes
2
answers
204
views
Illustrator to SVG: different shades for different browsers
I have just approached the world of design and so consequently I have many doubts about certain subjects, one of them is related to nuances.
As you can see from the images below, my "project" created ...
- 21
2
votes
2
answers
545
views
How can I analyse this SVG image downloaded from the web?
While I was looking at some designs of some websites, I came across a beautiful SVG background:
https://www.algolia.com/lp/img/hero/hero-magento.svg
I wanted to inspect it so I downloaded it.
By no ...
- 143
-1
votes
1
answer
4k
views
Font rendering blurry in browser
So hopefully this is the right form for this question.
I'm not much of a designer however on a site I'm working on, I noticed that on my "404" page, the text appears blurry on chrome, and a lot more ...
- 101
0
votes
1
answer
68
views
Previewing my design in browser makes it larger
I haven't been able to find the answer to this which is really frustrating. My zoom level on both chrome and firefox are 100 . My zoom level in adobe fireworks on the same machine is also 100. For ...
3
votes
1
answer
6k
views
Why is the hex color in my PNG different from the same hex code in browser?
Here is an issue which I can't seem to solve: I have a PNG image with a small blue triangle. It's an asset used for a website that I'm creating with a developer. The appearance of its blue is a bit ...
- 49
0
votes
4
answers
201
views
New web designer - strictly design in the browser, or be open to designing from PSD mockups?
I'm someone that's been following the industry and reading up on web design/development for a good few years, and only now making the leap into studying it properly in order to go freelance. From what ...
- 864
1
vote
1
answer
2k
views
Some sites have some Unicode characters show in multi-color without apparent CSS in Chrome V8 and FF: how is this done?
See for example: http://unicode.org/reports/tr18/#Individually_Named_Characters where the two 'alien' Unicode characters appear in green color(s), at least in latest Chrome and FireFox.
The same ...
- 113
5
votes
1
answer
1k
views
Gradient rendered differently in Inkscape (PNG export) and browser
I have created an image with Inkscape. This is how it looks in Inkscape and when exported as a PNG image:
But when I try to display it as an SVG the gradient looks drastically different:
In case it ...
- 171
1
vote
2
answers
808
views
Typekit font in SVG icon
I am trying to achieve my logo to be properly displayed on my website. I have created an SVG icon in Illustrator with a font from Adobe Typekit, it's Proxima Nova. The SVG Icon with text in it show's ...
- 75
0
votes
2
answers
3k
views
SVG text cross-browser compatibility issue
First of all, I have to say that I am not good at Illustrator. I just make some basic graphics for the websites that I am working on.
Here is one that I made:
I exported as SVG format and put it ...
- 103
1
vote
0
answers
535
views
SVG export for web with fonts
I'm trying to export an SVG image, which contains text from illustrator. I want to use it for a website. For SEO and size reasons I don't want to convert typo into vectors. What are the settings I ...
- 143
3
votes
1
answer
672
views
What's the smallest set of web font formats that covers all browsers?
I'm looking to use a web font that was only published in TTF. I'll need to convert it to other formats, and I'd prefer to reduce the amount of file conversion I need to do (partly so I don't need to ...
0
votes
0
answers
311
views
font stroke contrast is rendering badly in browser
I'm using Tahoma font in my site. I'm using all the css settings like text-rendering -webkit-font-smoothing to ensure that my font renders properly in browsers.
The only thing is the stroke contrast ...
- 197
3
votes
3
answers
22k
views
Image shows blurry in browser at 100%, but not in photoshop!
I came across this site and saw that it had a couple of blurry images. I checked my browser zoom in Firefox and Chrome and they were both 100%. I copied the images to look at them in Photoshop and ...
- 31
24
votes
9
answers
57k
views
How do you handle client's browser zoom ?
I have a lot of images on a page, a gallery. I want the images to stay sharp, so I don't do any browser scaling, I use the original dimensions of the image.
However, this works only when the browser ...
- 243
2
votes
1
answer
6k
views
Why does my hexadecimal color in one browser render differently in another browser?
On the left is how it is rendered in Chrome, and on the right is how it is rendered in Safari. The color in Safari is what I am trying to nail, as determined by Photoshop's eyedropper tool, so it's ...
- 21
7
votes
5
answers
4k
views
How you can rework logo to fit favicon of browser - 16x16px?
Let's say, I have a logo of website, with size 120x50px.
Favicon should be 16x16px to be supported by major browsers.
How it is possible to rework some image, making it smaller nearly in 10 times, ...
- 221
2
votes
2
answers
4k
views
Is there a way how to replicate the subpixel rendering look of Windows/Outlook/browsers in Photoshop?
I would like to replicate the antialiasing made by my browser in photoshop. Look at this picture: It is 500% image of standard 13px Arial #464646 font. First line is screenshot from browser(chrome), ...
- 23
3
votes
2
answers
2k
views
Why is text on microsoft site not smooth in non-IE browser?
The following link: http://www.microsoft.com/en-us/server-cloud/windows-server/buy.aspx and possibly all other links in MS site does not render text smoothly in Chrome and Firefox. Why so?
IE7:
...
- 133
7
votes
2
answers
8k
views
Gradient Banding in Chrome
I've been trying use linear-gradient CSS to avoid using an image for a gradient but unfortunately it renders poorly in Chrome with visible banding.
I've created a codepen example to illustrate the ...
- 576
1
vote
1
answer
1k
views
How can I make my google fonts render properly in chrome (windows xp) [duplicate]
This is the SITE and it looks great in firefox on both windows XP and mac OS10.6. But with chrome on my XP it looks wierd. All the texts are jagged and pixlated sort of. I have tried with and without ...
- 11
5
votes
3
answers
3k
views
Popular serif and sans-serif browser compatible font combinations?
I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers.
While I am aware that with the introduction of CSS3 importing ...
- 10.9k