Menu icon Foundation
Foreign letters not working in Foundation

Hey everybody! Pentti emailed us this question about language support. Anyone have experience with this?

--

What I was asking for is this:
Foreign characters doesn't seem to work. The characters appear as
"�". I'm using the simple CSS version & different templates. I
mostly need ä and ö.
I tried to change the html lang to Finnish (didn't work):

<html lang="fi"> 

            

         

Next thought was that the font doesn't support scandinavian letters.
Font-families in the .css file were default: helvetica and arial. I
wasn't sure if helvetica supports them so I changed everything to arial,
which does support scandic letters. Didn't help.

Any suggestions.

Best regards,
Pentti

foreigntypetypographyfonts

Hey everybody! Pentti emailed us this question about language support. Anyone have experience with this?

--

What I was asking for is this:
Foreign characters doesn't seem to work. The characters appear as
"�". I'm using the simple CSS version & different templates. I
mostly need ä and ö.
I tried to change the html lang to Finnish (didn't work):

<html lang="fi"> 

            

         

Next thought was that the font doesn't support scandinavian letters.
Font-families in the .css file were default: helvetica and arial. I
wasn't sure if helvetica supports them so I changed everything to arial,
which does support scandic letters. Didn't help.

Any suggestions.

Best regards,
Pentti

Wing-Hou Chan about 5 years ago

Hi Pentti!

Perhaps you could try using the HTML entity for your characters. Find the character codes here: http://www.ascii.cl/htmlcodes.htm

Hope this works!

Ghaida Zahran about 5 years ago

Sounds like this might be a browser encoding issue. We're able to see those characters on the Forum, and that's built on Foundation as well. You could try changing the font-family variable to a font that supports Finnish.
http://cl.ly/image/0Y093n2m3T2o

Wing-Hou Chan about 5 years ago

Ghaida, that character you are seeing is the replacement character displayed by the browser when the proper character cannot be rendered.