an interesting font test

[crownfield]

vircen.com/fonttest2

I published a single page, with three text blocks on it
looked at it on the publish machine.
all three fonts showed.

source looked like

<div id="wb_Text4" style="position:absolute;left:46px;top:446px;width:200px;height:27px;z-index:3;">
<span style="color:#00FF00;font-family:Abilene;font-size:24px;">Double click to edit</span></div>
and all looked ok, showing the font.

A machine is the publish machine win7
B machine is the video streaming machine. win 10

looked at it on the B Video machine.
text1 font was wrong,
text2, text 3 were right.
I moved blocks on the page, and text block 1 was always wrong on B.
I deleted text1, and recreated it. still wrong
added two more text block, and they were right.
always text1 failed on the B machine.

so I added a second page, and added a masterpage with a menu.
text1 failed on page 1
page two fonts were wrong.
took out the masterpage, and the fonts were ok on page 2.

something about masterpages and the first text block?

pages always look ok on the publish machine, not on other machines
text 1 is still wrong on the B machine

vircen.com/fonttest2/many-fonts.wbs is the project file.

[Pablo]

Did you correctly installed the fonts for all users on your system?
Can you see the fonts in the registry?

Note that without the font files I cannot test your project.

[crownfield]

Should I see font-face upload to the server each upload?
should I always see all the fonts upload?

to my surprise,
the font files were not uploaded and were not on the server.

(Part of the problem was 'use font-face' got unchecked)
which make me feel like an idiot.

I rechecked it ,
and now B machine renders all the fonts correctly.
that are in its windows/fonts directory, otherwise fails.

Iphone 7 renders none of the fonts correctly

now I can see the fonts from page 1 upload.
I can see them on the server.
the two fonts from page 2 do not upload and are not on the server.

they should be wherever the fonts from page one go. how could they not?
B machine apparently uses the font in the text block div block

the iphone should see all the fonts, all the pages.

ttf, svg, eot fonts are uploaded.

why do I not see font-face uploaded?
why page 1 fonts and and not page 2 fonts uploaded?

if we can answer these questions,
I will understand the problem.


and the fonts should be in the directory with the other,
but font-face was not uploaded,
and the page 2 fonts were not uploaded.

[Pablo]

Should I see font-face upload to the server each upload?

We first need to make sure that the fonts have been correctly installed otherwise the software cannot reliable generated then needed code.
As mentioned in your other topic, that project worked correct for me, so that makes it unlikely that the problem is in the software. Otherwise it would not work for me too.

Iphone 7 renders none of the fonts correctly

For the iPhone 7 you will probably need to include woff or SVG.

why do I not see font-face uploaded?

Most likely because the software cannot find the data about the font. It needs to be able to lookup the data in the registry of your computer.

Also, note that not all fonts can be converted automatically. For example, some fonts use multiple files, in that case the software cannot automatically determined which file to use, so you will need to manually configure the fonts.

Can you please make the fonts of this project available so I can test if it works for me too?

Also, can we please focus in one project/topci at time?
It is very confusing to switch between multiple topics with different files about the same issue. if you keep things simple then we can find a solution more quickly.

[crownfield]

thank you, again for your time and help.

all the fonts are always chosen
from the windows drop down list of installed fonts

some fonts were installed by broderbund.
and they were kept in another directory.

any of those fonts, I removed,
and reinstalled into the windows directory.
I edited the text to identify the text block and font.

font-face is selected for all non web safe fonts.
ttf, svg, and eot are chosen.
if I try to add woff,
the program will crash during the publish.

I see all the fonts I used uploaded to the server.
I do not see any mention of font-face as uploaded.

the project, many-fonts.wbs is also on the server
vircen.com/fonttest2/

firefox sees all fonts correctly on the publish machine.

Iphone sees fonts on page 2 correctly

it now sees, on page 1,
text 1 correctly, but 2,3,4,5 wrong.

[Pablo]

Can you please share all the font files and the project so i can try it myself?
I need direct links to the files.

There are no know issues with @font-face, and it seems to work for all other users, as you can see on the forum there are many websites that use this feature.
I need all files to be able to help you.

Again, it is very important that the fonts are installed the right way. They must be available in the registry with the correct face name:
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts

[crispy68]

Yes, can you please share the files so pablo can put this to rest.

[crownfield]

current page has on it the index of the directory.
vircen.com/fonttest2 is the url.
all the fonts are in the directory.

tools/fonts/@fontface is set to any unsafe,
and all but woff options are checked.

I do not know where @font-face should be
on the server or the server upload.
I don't see it anywhere.
where should I look for it?


I would love someone to tell me
the difference between
fonts on the font drop down menu in windows,
that work with any program I have,

and fonts properly installed in windows.

if they are not installed,
how does windows offer them to me
and they work in the other programs?

[Pablo]

current page has on it the index of the directory.
vircen.com/fonttest2 is the url.
all the fonts are in the directory.

There is no way for me to know what the files names are if you do not tell me their names.
I can only see the page, not the files that are in the folder.
Can you please give the full download links to all the fonts?
Or just create a simply project with one font that does not work for you.
So, basically all I am asking is one zip file with all the files that are needed for me to check if something is wrong.

I would love someone to tell me
the difference between
fonts on the font drop down menu in windows,
that work with any program I have,

I have already tried to explain this. In the other topic:
In Windows, there are two ways to install fonts, for the current user and for all users.
If you install the font for the current user then you can use the fonts in applications (via enumeration), but you cannot access data about the font (like the filename, which is required to convert the file to another format).


Do you see the filename in the registry?
*** Can you please answer this question? ***

if they are not installed,
how does windows offer them to me
and they work in the other programs?

Applications can use/render the fonts, because this functionality is provided by Windows, just like you can see them in WYSIWYG Web Builder.
However, for @font-face to work, the application needs to know the file name of the selected font. This information is only available when the font is properly registered in the registry.

[crownfield]

thanks for the good explanation.

web url is vircen.com/fonttest2

vircen.com/fonttest2/pablo-many-fonts.zip
wbs file is also in the zip.

fonts: ttf, svg, eot are uploaded for 6 fonts.

but I see no reference to @font-face.
is it embedded somewhere?
I see no upload.

[BaconFries]

but I see no reference to @font-face. is it embedded somewhere?

It is not referenced in the Page HTML itself but in the css. It also looks like you haven't upload the woff font with this missing the text may not render correctly on mobile devices (Android iPhone). Note I haven't downloaded your project as not in front of a PC and replying from my Mobile/Cell and simply viewed your page source and the css file which shows the @font-face (many-fonts. css)

fonts: ttf, svg, eot are uploaded for 6 fonts

Maybe but not the woff version!

[Pablo]

Thanks for the zip with all files. Now I was able to load the project and see what it looks like.

Here is what I did to make it for on my computer:
- I right clicked each font file and selected 'Install for all users'
- loaded the project file
- In Tools->Options->Fonts->Manage
EOT -> off
SVG -> off (because I do not think these a required for modern browsers)
TTF -> on
WOFF -> on

Then I published the pages here:
http://wysiwygwebbuilder.com/support/cr ... /home.html

For me, this seems to work. I have tested on several different computers and devices: Windows, Mac, iPhone
Does my published page work for you?

[crownfield]

I checked your page, with my publish machine, and my iphone
and both worked perfectly.

with woff on now, and the others too, I can now publish it,
and it works on publish and iphone. it works with all the fonts I used before.

the woff problem may have gone away when the broderbund font links were replaced with the fonts themselves. @font-face may fail on links like that, but they are legal in windows.

last step is to add a masterpage,
and then try styles.

on the iphone-

I added a masterpage, applied it to the home page.
works on the publish machine.

it fails on the iphone after the masterpage is applied.

masterpage unapplied, it still fails.

deleted master page, home page works again.

added a second page, ihone homepage fails. (no master, just second page.)

vircen.com/fonttest2/home.html

vircen.com/fonttest2/pablo page 2 font problem.zip
includes the ttf fonts and the wbs file.
I am glad that I went only one step at a time here
with the second page, masterpage, delete them, and then add them back.

[Pablo]

I have downloaded your project, loaded it into WWB and published it without modifications
Here is the result:
http://wysiwygwebbuilder.com/support/cr ... /home.html

It seems to work correct.

Are you using the latest version?
Can you try it on another computer so we can be sure this is not just an issue of your computer?

[crownfield]

yes, your publish works.
I am very grateful for all the time and effort you have taken.
it has been more than should have been needed.

at this point, I have been trying to apply fonts to text for a week.
simple, right? childishly simple. should be 3 clicks, done, works.
no questions, no problems

in Adobe InDesign,
it will take 20 seconds per paragraph, which is what it should take.

I check the web server directory, and all the fonts are there.
if all the fonts are there, and all the pages are there
then any browser should be able to see
all the fonts on all the pages. right?

the only difference that I can think of,
is in the HTML script page, or the css.

can there be an option that I need to set,
like php,j-query, ??? so the pages to the server work?

I deleted all the files from the server. I republished.
iphone fail. I'll go back to the wepages, and remove all the fonts. that way I will be sure that any browser can see all the pages. ugly, but it seems to work.

I can not explain this.
when I run out of pressing items I really need to get done,
than I can come back and try fonts again. right now, no more time

I am very grateful for all the time and effort you have taken.
I just regret that the pages are not reliable, and I am out of time.

thank you again for your help

One of the problems is that this is the dedicated publish machine.
it is a HP pavillion, running MS Win 7.
about as standard as I can get.

It is the print and web publishing machine.
it runs almost anything with zero problems.
they are all windows programs, on a windows machine.
It ran F*2015 with no problems and many web fonts.

[Pablo]

No one else has reported any issues with @font-face. WWB is known to be very stable. Most reported issues are usually computer or configuration related.
But if there is a problems in the software then it's are usually fixed within hours after I was able to reproduce the problem, see also the rest of this forum.
Note that Adobe webdesign is not a web design tool and it has a different price tag, I do not think it's fair to compare.
Also, I am just doing this as a hobby while Adobe has hundreds of developers.
But as demonstrated, it works for me. Tested on 4 different computers. So, I have doubts that a software related issue.

Did you try this?
- Uninstall the software
- remove any previous downloads of the applications
- reboot your computer
- download the software:
http://wysiwygwebbuilder.com/download.html
- reinstall