Welcome to TalkGraphics.com
Results 1 to 10 of 10
  1. #1

    Default Help, my website is not the same as in Xara

    Hello,

    I have been using Xara for quite a few years and it seems my version is becoming less and less WYSIWIG when it comes to fonts. I am using Designer Pro X 17 and quite often, what ends up on my website is different from what I see in the Xara preview. This is mainly happening on my Android phone. Is this common these days and is there something I can do toy fix it?

    I am using web safe fonts. Here is an example - http://www.metroplexmultimedia.com/pricing.htm

    This page was updated today (4-29-2021) and it looks correct on the PC but on my Android phone using Chrome the fonts are not correct.

    Thanks for your input!

  2. #2
    Join Date
    Oct 2006
    Location
    StPeters, MO USA
    Posts
    10,078

    Default Re: Help, my website is not the same as in Xara

    I don't know anything about web design, but your site looks fine to me.
    Larry a.k.a wizard509

    Never give up. You will never fail, but you may find a lot of ways that don't work.

  3. #3
    Join Date
    Aug 2000
    Location
    Placitas, New Mexico, USA
    Posts
    39,240

    Default Re: Help, my website is not the same as in Xara

    Are you referring to the oversize black text on your browser variant? I'm looking at your link in Firefox on a 24" monitor and the black text looks like it is twice as large as the white text.

    I looked at the page on my iPhone in Safari and Edge and it looks fine. BUT the menu text is way too small and not enough spacing. I managed to hit Pricing but it was pure luck. I would make your text twice as big
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	IMG_9373.jpg 
Views:	12 
Size:	41.3 KB 
ID:	129527  
    Gary W. Priester
    Mr. Moderator Emeritus Dude
    , Sir

    gwpriester.com | Custom-Stereograms.com | eyeTricks on Facebook






  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    13,266

    Default Re: Help, my website is not the same as in Xara

    I have to advise that Font families can be different across devices and you may end up with a similar but not exact presentation as a different font is substituted.
    Also renderings of the smallest font size can result in a glyph not shrinking as expected.

    You have used Montserrat, Bitter, Alegreya Sans (500 & 700 weights), Open Sans, Cabin (500 & 700 weights), Arial (default), Trebuchet MS, FontAwesome.
    Some are embedded with your site; others are at the whim of the browser. Only Arial and Trebuchet MS are "web safe".

    With v17, you are seeing what Internet Explorer renders. Not ideal.
    If you are expecting consistency, you need to test all major, modern browser across as many devices as possible.

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  5. #5

    Default Re: Help, my website is not the same as in Xara

    Thanks for your help. Glad to see the pricing page looks fine on the Apple phone with Safari & Edge. I have uploaded a screen from my Android phone to show the text. It is all in the paragraph text area which is Trebuchet. I am sorry I was not specific enough about fonts and the entire site as I was focusing on only the Pricing page. But it is the web safe fonts that are not displaying properly. And yes, I need to address the cell variant menu but that also is not showing as it does in the Xara program. Thanks.

    Click image for larger version. 

Name:	Screenshot_20210429-142207_Chrome[1].jpg 
Views:	10 
Size:	55.2 KB 
ID:	129528

  6. #6
    Join Date
    Apr 2018
    Location
    London
    Posts
    563

    Default Re: Help, my website is not the same as in Xara

    Viewed the page with Chrome on Android and it looks OK. Try clearing the browser history on your phone.

  7. #7

    Default Re: Help, my website is not the same as in Xara

    Thank you very much. That did it. I don't quite understand why because the previous iteration was largely the same. But I will know for the future.

    Regarding the cell variant drop down menu, I have increased the font size to 24pt and it still looks the same. I tried clearing the browser history as well. Any ideas? It seems constrained to the small area.

  8. #8
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    20,461

    Default Re: Help, my website is not the same as in Xara

    Hi Bassman, when i first looked at your site on my desktop it looked almost the same as your mobile screen grab. i.e. the pricing text was overly large and the image of the femaile was overlaying the text. This was in firefox. I then copied the url & pasted it into Chrome then Edge and had the same result. However I hit Ctrl+F5 and the whole site changed. Ditto Ctrl+f5 in Chrome & Firefox. All the text was now white & the females image didn't overlay the text.

    I just assumed you'd recently updated you site. Strange.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Geforce GTX 1660 Graphics Card + MSI Optix Mag321 Curv monitor
    + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  9. #9
    Join Date
    Apr 2018
    Location
    London
    Posts
    563

    Default Re: Help, my website is not the same as in Xara

    Regarding the cell variant drop down menu, I have increased the font size to 24pt and it still looks the same. I tried clearing the browser history as well. Any ideas? It seems constrained to the small area.
    Before and after screenshots with Android Chrome:

    Click image for larger version. 

Name:	Screenshot_20210429-220111.png 
Views:	6 
Size:	221.8 KB 
ID:	129530 Click image for larger version. 

Name:	Screenshot_20210429-220504.png 
Views:	10 
Size:	216.1 KB 
ID:	129531

    Sometimes when you make a few quick changes it takes time for the cache to catch up; I had to refresh the browser to see the larger menu. You could make the menu larger still and have some space between the headings:

    e.g. Click image for larger version. 

Name:	Screenshot_20210429-224624.png 
Views:	13 
Size:	63.6 KB 
ID:	129532

  10. #10

    Default Re: Help, my website is not the same as in Xara

    Thanks very much for your help. These are changes I made today. My phone still shows the very small text. Frustrating when you are designing and want to see a representation. I will keep the 24 pt but add about 10 pts of vertical spacing and see if that helps. I appreciate the screenshots!

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •