font problem

[FLySOLO]

Hi,

i got a problem with a site i did. Xara lists fonts in files-document-info that are not in the file.

I checked every page of the website looking at the Name-Gallery-used-fonts-section and just one font is listed.

Xara correctly generates the woff file when i export the website. But looking in the xr_fonts.css file there are two additional listed google-fonts that as stated above are not listed in the Name-gallery.

Is there an other way to find the used fonts in the document? I already set all layers on visible and clicked through every page checking with the name-gallery.

bb,

Fly

[FLySOLO]

Argh,

found it. I wasn't aware that i had to go through the stuff with the mobile-variant, too.

bb,

Fly

[gwpriester]

Glad we could help.

[FLySOLO]

Glad we could help.

always a great ressource

[Acorn]

FS, glad you worked it out.

Rather than xr_fonts.css, look in xr_text.css (browser Developer Tools F12 > Application > Top Frame > Stylesheets > xr_main.txt) to see the ClassNames the fonts are being used with.
If you us the browser Developer Tools (F12) > Elements > Ctrl+F with a search for .xr_s0, .xr_s1, ... against the page showing, it quickly jumps to where the associated font is being applied.

Acorn

[FLySOLO]

FS, glad you worked it out.

Rather than xr_fonts.css, look in xr_text.css (browser Developer Tools F12 > Application > Top Frame > Stylesheets > xr_main.txt) to see the ClassNames the fonts are being used with.
If you us the browser Developer Tools (F12) > Elements > Ctrl+F with a search for .xr_s0, .xr_s1, ... against the page showing, it quickly jumps to where the associated font is being applied.

Acorn

Hey Acorn,

tried that too when i started to get desperate

Now i'm trying to get the site DSGVO-conform.

Already downloaded some css- and js-files and switched the external called files to the root.

Some are still missing.

script https://widgets.xara-online.com/slider/js/mxslider.js
css //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
css https://widgets.xara-online.com/slid...=1644588257942
css https://fonts.googleapis.com/css?fam...400,600,900|Ro...

It would be cool of xara to write the files into the index_htm files or elsewhere instead of referencing them on other servers.

bb,

FLy





bb,

Fly

[Acorn]

It would be cool of xara to write the files into the index_htm files or elsewhere instead of referencing them on other servers. Fly

Fly, you can. There is a Support Folder mechanism exactly for this.

This is one approach for creating a Support Folder:

• Open, Name and Save a design file [myDesign.xar]
• On you system create a small text file [log.txt - empty or first line of .LOG]
• Anywhere off-page, add a box and Link to file > Browse button: pick log.txt and Apply [Folder myDesign_xar_files created]
• In the Windows File Explorer, locate myDesign.xar; myDesign_xar_files will exist in the same folder.
• Open into myDesign_xar_files and add all your JS and CSS external files.
• In myDesign, add the required links to external assets:
  
  • <script src="index_htm_files/XXX.js"></script>
  • <link rel="stylesheet" href="index_htm_files/YYY.css"/>
  
  
• You can delete the box or keep it for logging important events; remove it and the file in the Support Folder as you choose.

Adding any external assets, including large images, does not affect the size of the myDesign.xar so you can accommodate vast websites and documents with ease.

Acorn

[FLySOLO]

Hey Acorn,

that's a good hint. So i could download the js- and css-files and attach them to the xar-file.

But i also had to edit the paths in the html-files after export because xara would still write https://widgets.xara-online.com/slider/js/mxslider.js in the published files or am i wrong?

So everytime i republish i would have to edit the paths again?

Maybe i could write a batch search and replace to run over the published files.

But a cooler way would be if xara just did it itself.

bb,

Fly

script https://widgets.xara-online.com/slider/js/mxslider.js
css //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
css https://widgets.xara-online.com/slid...=1644588257942
css https://fonts.googleapis.com/css?fam...400,600,900|Ro...

[RKissane]

Here is a post where Acron explains more about making this support folder:

https://www.talkgraphics.com/showthr...ting-your-Work

Ray

[Acorn]

Hey Acorn,

that's a good hint. So i could download the js- and css-files and attach them to the xar-file.

But i also had to edit the paths in the html-files after export because xara would still write https://widgets.xara-online.com/slider/js/mxslider.js in the published files or am i wrong?

So everytime i republish i would have to edit the paths again?

Maybe i could write a batch search and replace to run over the published files.

But a cooler way would be if xara just did it itself.

bb,

Fly

script https://widgets.xara-online.com/slider/js/mxslider.js
css //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
css https://widgets.xara-online.com/slid...=1644588257942
css https://fonts.googleapis.com/css?fam...400,600,900|Ro...

The links you supplied has a few issues with the last two.

For the first two, you will be adding in mxslider.js & font-awesome.min.css to be Support Folder.
In the head of your website you link them as:

• <script src="index_htm_files/mxslider.js"></script>
• <link rel="stylesheet" href="index_htm_files/fontawesome.min.css"/>

For the last two, I would need to see their full URLs but if they are just CSS then the linkage is identical.

No subsequent re-edits required.

Acorn