Copy link to clipboard
Copied
I am making a webdesign in illustrator. To give out the redline to the developer i am using spectr pro but the font sizes which they give out in the redline is not reflecting in the web preview as they look smaller. Other things are working fine but not the fonts, Can anyone suggest what should i do so that i get the exact sizing of the font over all pages as what i made in illustrator?
Copy link to clipboard
Copied
atulkumar1108 wrote
what should i do so that i get the exact sizing of the font over all pages as what i made in illustrator?
I'm no expert with respect to the particular workflow you describe, but I have doubt as to whether that's possible. Font rendering "on the web" (read: 'in a browser'), is subject to variables you can't control in or from your Illustrator layout.
Copy link to clipboard
Copied
You don't want to dictate to the developer the font size he has to use. It is better to allow him to set it up in "em" values so the font responds to the device
Here is a guide of what the starting value would be:
http://typecast.com/blog/a-more-modern-scale-for-web-typography
Copy link to clipboard
Copied
If the code they use specifies the font size in px, the result should be the same as in Illustrator.
Copy link to clipboard
Copied
https://forums.adobe.com/people/Ton+Frederiks schrieb
If the code they use specifies the font size in px, the result should be the same as in Illustrator.
Not necessarily.
Browsers render sizes differently and then it depends on the hierarchy of styles n the CSS, which can mess everything up.
Copy link to clipboard
Copied
I did a test in 3 different browsers on my Mac; Safari, Firefox and Chrome.
All 3 gave the same size as in Illustrator when the code specified px for the fontsize.
Of course this is tested on the same computer, I suppose that if you take a ruler and measure the size on a different device or platform, you will find differences.
Copy link to clipboard
Copied
https://forums.adobe.com/people/Ton+Frederiks wrote
Of course this is tested on the same computer
Right. As a unit of measure, the pixel can only be considered a "constant" on a single screen. And still, type size rendered in-browser can vary subject to user settings.
Copy link to clipboard
Copied
Are all the fonts sizes to small, what about the other graphic elements? How exactly are you comparing to see this is smaller? Can you post a screenshot showing your original design, and what you are seeing? What sizes did you submit?
https://blog.usejournal.com/your-body-text-is-too-small-5e02d36dc902
There are so many factors that can cause this from using (command minus) on your browser, to a retina display being set to scaled. If your issue is still not resolved please supply more information so our replies are not too lengthy.
Copy link to clipboard
Copied
other elements are fine including the images and the video sizes as they are in pixels. when i am using the size for the font since the design gives in pt i am manually converting the sizes to pixels.
Copy link to clipboard
Copied
In Illustrator, it does not matter for the fontsize what you are using, points or pixels.
In HTML there is a difference. Illustrator pixels are comparable to HTML code pixels.
Points in HTML are a different size.
Copy link to clipboard
Copied
Copy link to clipboard
Copied
My guess is that you are accustomed to 12 pt type for print for body copy, and assume the same size can be used for web. Newer monitor nowadays have a higher pixel density per square inch. Mobile devices even have a higher pixel density yet, but the mobile device OS compensates, so fonts look similar size to as on a desktop.
You should try publishing your own website and there are GUI interfaces such as Muse which are really easy to learn with no coding.
My guess is for when you want 12 pt for print you will want 15-18pt for web.
Copy link to clipboard
Copied
MikeGondek schrieb
You should try publishing your own website and there are GUI interfaces such as Muse which are really easy to learn with no coding.
Muse has just been End-of-lifed. So the better option is to just learn all this web stuff. Then you are independent of WYSIWYG editors.
Copy link to clipboard
Copied
Yes Adobe recently decided to stop upgrading Muse. Many believe that was not a good decision and Muse has a large following and many award winning websites. In my opinion respectfully, the original poster or someone who does not code will learn more from Muse or similar WYSIWYG web editor about font sizes.
Copy link to clipboard
Copied
is muse going away?
Copy link to clipboard
Copied
Yes, it will go away.
Copy link to clipboard
Copied
You can continue installing & use Muse. But in the future with each OS update Muse will eventually stop working, as they are no longer updating.
Copy link to clipboard
Copied
Muse will go bye-bye
Find more inspiration, events, and resources on the new Adobe Community
Explore Now