Re: [Inkscape-user] Continue with the bridge version of the logo
Any volunteers to do the cleanup?
I did some changes, but I found some problems too. Different browsers render text differently, and not all systems have the freesans font used. A solution would be to convert every text to paths, wich increases the size of the file but renders correctly. Opera (for linux at least, what I tested) has problems with gradients to alpha, apparently.
Here are my adjustments. Maybe some of them will have to be rolled back to the previous version (the title part) if we'll stick with the text not converted to curves.
-Tweaked the bridge. A lot. Joined paths, corrected some shapes, removed strokes, cleanup. -Joined the semi-transparent white outline of the bridge. cleanup -Removed the clip from the sun. cleanup and cut to keep only the visible part. -Joined the outline of the text (looks fine in inkscape, not in browsers... maybe it has to be undone) -Joined the land in one single path. -Joined the clouds (were groups of circles)
http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4.png (PNG - Size optimized for IE) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4.svg (inkscape SVG - Layers) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4-plain.svg (plain SVG) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4-plain-notext.svg (plain SVG - text converted to paths)
The big problem here is the text part. As far as I could see, every browser seems to render it diferently. The one that has the text part converted to paths renders fine in browsers, but is quite large. Maybe some guy with better knowledge than me about SVG can do a manual cleanup of the result and reduce the size (inkscape uses to leave some unnecesary style definitions) ideas?
Regards,
Gez.
Thanks a lot - this seems like an excellent start now to start cleaning up the code. So I think it is time now hand it over from the Inkscape designers to the SVG coders ;-)
I will have a look at it.
What was the original font you used in Inkscape? Free Sans? I see that "Bitstream Vera Sans" is used in the document. Is this the intended font?
I will create a SVG font once I know the intended font. This would make it render fine in Batik/Opera/Safari/ASV but will fail in Firefox. For Firefox we need a close alternative font that can be picked instead of the Free Sans/Bitsteram Vera Sans.
Thanks again, Andreas
On Wed, April 1, 2009 4:20 pm, Guillermo Espertino wrote:
Any volunteers to do the cleanup?
I did some changes, but I found some problems too. Different browsers render text differently, and not all systems have the freesans font used. A solution would be to convert every text to paths, wich increases the size of the file but renders correctly. Opera (for linux at least, what I tested) has problems with gradients to alpha, apparently.
Here are my adjustments. Maybe some of them will have to be rolled back to the previous version (the title part) if we'll stick with the text not converted to curves.
-Tweaked the bridge. A lot. Joined paths, corrected some shapes, removed strokes, cleanup. -Joined the semi-transparent white outline of the bridge. cleanup -Removed the clip from the sun. cleanup and cut to keep only the visible part. -Joined the outline of the text (looks fine in inkscape, not in browsers... maybe it has to be undone) -Joined the land in one single path. -Joined the clouds (were groups of circles)
http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4.png (PNG - Size optimized for IE) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4.svg (inkscape SVG - Layers) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4-plain.svg (plain SVG) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4-plain-notext.svg (plain SVG - text converted to paths)
The big problem here is the text part. As far as I could see, every browser seems to render it diferently. The one that has the text part converted to paths renders fine in browsers, but is quite large. Maybe some guy with better knowledge than me about SVG can do a manual cleanup of the result and reduce the size (inkscape uses to leave some unnecesary style definitions) ideas?
Regards,
Gez.
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
El mié, 01-04-2009 a las 23:10 +0200, Andreas Neumann escribió:
Thanks a lot - this seems like an excellent start now to start cleaning up the code. So I think it is time now hand it over from the Inkscape designers to the SVG coders ;-)
I will have a look at it.
Good idea. I'm not the author of the header. I just cleaned it up a little bit.
About the font: It's FreeSans here. At least that is what appears in the style definition. As I mentioned in the previous message, the fonts part will be a problem. You won't find FreeSans or Vera Sans in a Windows Machine, and the header will look broken.
Gez.
Hello
Thanks everybody who voted for this alternative and to all people who worked (and still work) on the logo. The original font I used is indeed FreeSans.
I don't know much about the SVG internals but maybe removing the clip and cutting the path instead on the shadows of the buildings might help too.
Best regards Jozef
On Wednesday 01 April 2009 23:10:44 Andreas Neumann wrote:
Thanks a lot - this seems like an excellent start now to start cleaning up the code. So I think it is time now hand it over from the Inkscape designers to the SVG coders ;-)
I will have a look at it.
What was the original font you used in Inkscape? Free Sans? I see that "Bitstream Vera Sans" is used in the document. Is this the intended font?
I will create a SVG font once I know the intended font. This would make it render fine in Batik/Opera/Safari/ASV but will fail in Firefox. For Firefox we need a close alternative font that can be picked instead of the Free Sans/Bitsteram Vera Sans.
Thanks again, Andreas
On Wed, April 1, 2009 4:20 pm, Guillermo Espertino wrote:
Any volunteers to do the cleanup?
I did some changes, but I found some problems too. Different browsers render text differently, and not all systems have the freesans font used. A solution would be to convert every text to paths, wich increases the size of the file but renders correctly. Opera (for linux at least, what I tested) has problems with gradients to alpha, apparently.
Here are my adjustments. Maybe some of them will have to be rolled back to the previous version (the title part) if we'll stick with the text not converted to curves.
-Tweaked the bridge. A lot. Joined paths, corrected some shapes, removed strokes, cleanup. -Joined the semi-transparent white outline of the bridge. cleanup -Removed the clip from the sun. cleanup and cut to keep only the visible part. -Joined the outline of the text (looks fine in inkscape, not in browsers... maybe it has to be undone) -Joined the land in one single path. -Joined the clouds (were groups of circles)
http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4.png (PNG - Size optimized for IE) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4.svg (inkscape SVG - Layers) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4-plain.svg (plain SVG) http://dl.getdropbox.com/u/255376/20092803_01_svgopen2009v4-plain-notext. svg (plain SVG - text converted to paths)
The big problem here is the text part. As far as I could see, every browser seems to render it diferently. The one that has the text part converted to paths renders fine in browsers, but is quite large. Maybe some guy with better knowledge than me about SVG can do a manual cleanup of the result and reduce the size (inkscape uses to leave some unnecesary style definitions) ideas?
Regards,
Gez.
----- _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
On Wed, 01 Apr 2009 23:10:44 +0200, Andreas Neumann <a.neumann@...2251...> wrote:
Thanks a lot - this seems like an excellent start now to start cleaning up the code. So I think it is time now hand it over from the Inkscape designers to the SVG coders ;-)
I will have a look at it.
What was the original font you used in Inkscape? Free Sans? I see that "Bitstream Vera Sans" is used in the document. Is this the intended font?
I will create a SVG font once I know the intended font. This would make it render fine in Batik/Opera/Safari/ASV but will fail in Firefox. For Firefox we need a close alternative font that can be picked instead of the Free Sans/Bitsteram Vera Sans.
Picking an alternative font is probably ok, if it's fine to have some minor differences.
Another option would be to use <switch>:
<switch> <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Font"> <text>...</text> </g> <g> <!-- path equivalents --> <path .../> </g> </switch>
I think it's not much harder than selecting the text in Inkscape and choosing "convert to path". Downside is that it bloats the file a bit.
In terms of the featureset I think "http://www.w3.org/Graphics/SVG/feature/1.2/#Font" is more a accurate description of what's actually supported in viewers at the moment, Opera does report support for both of these, but I don't think the others do.
If the 'requiredFonts' attribute was widely supported that could have been another nice way of dealing with this.
Yet another way would be to use CSS @font-face to link to the truetype font directly. Though that would only cover the very latest browser releases.
Cheers /Erik
participants (4)
-
Andreas Neumann
-
Erik Dahlström
-
Guillermo Espertino
-
Jozef Legény