You are here:

Dreamweaver/Korean Language not showing, using CSS to control Fonts

Advertisement


Question
QUESTION: Korean Language wont show in browser as preview. Haven't tried uploading to server yet. I'm using CSS to run my fonts.

Font-Family: "Liberation sans", Arial, Helvetica, sans-serif, "apple casual"
I'm new to using CSS to control fonts.

www.teach-you-english.com
Dreamweaver CS4
MacBook

ANSWER: Hi Evan,

Can you send me the CSS?  Also what font type and origin of fonts are you using?

Thanks,
Anna

---------- FOLLOW-UP ----------

QUESTION: Hi Anna,

Thanks for the follow up. As for now I have place picture files where I can't control the korean fonts... its getting me by...

My entire CSS is below. Font-Family is "Liberation sans", Arial, Helvetica, sans-serif, "apple casual". I have no clue how to find out my Origin of Font. I think my problem is not the font, but rather the CSS rules or HTML rules. When I change the HTML Format or Class, the Korean Fonts shows up. Do you need my HTML? Let me know what you need. Thanks Anna.

There are 4 locations within my HTML that I need to control the  Korean text...
format: "none" class "menu_nave" (menu navigation)
format: "heading 2" class "none" (side menu with blue background)
format: "heading 2" class "article" (header text)

@charset "utf-8";
body {
  margin:0;
  padding:0;
  width:100%;
  color:#333;
  font-family: "Liberation sans", Arial, Helvetica, sans-serif, "apple casual";
  font-size: 12px;
  font-style: normal;
  line-height: 1.5em;
  font-weight: normal;
  font-variant: normal;
  text-align: left;
}
html, .main {
  padding:0;
  margin:0;
}
.main {
  background:#fff;
}
.clr {
  clear:both;
  padding:0;
  margin:0;
  width:100%;
  font-size:0;
  line-height:0;
  font-family: "Liberation sans", Arial, Helvetica, sans-serif;
}
h2 {
  margin:8px 0;
  padding:8px 0;
  font-size:22px;
  font-weight:bold;
  color:#232323;
}
p {
  margin:8px 0;
  padding:0 0 8px 0;
  font-size: 14px;
}
a {
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
  margin:0;
  padding:0;
}
.header {
}
.header_resize {
  margin:0 auto;
  padding:0;
  width:960px;
}
.logo {
  padding:0;
  width:auto;
  height:auto;
  float: left;
}
h1 {
  margin:0;
  padding:40px 0 0;
  font-size:20px;
  font-weight:normal;
  line-height:1.2em;
  text-transform:none;
  text-align:center;
  font-family: "Liberation sans", Arial, Helvetica, sans-serif;
  color: #666;
}
h1 a, h1 a:hover {
  color:#464646;
  text-decoration:none;
}
h1 span {
}
h1 small {
  font-size:20px;
  line-height:1.2em;
  letter-spacing:normal;
  text-transform:uppercase;
  color:#fc6400;
}
.slider {
  padding:28px 0 0;
  background:url(../images/slider_bg.gif) no-repeat left 348px;
}
.rss {
  padding:18px 20px 0 0;
  float:right;
  width:auto;
}
.rss p {
  margin:0;
  padding:0;
  float:right;
  width:auto;
  color:#fff;
  font-size:13px;
  line-height:1.5em;
  font-weight:bold;
}
.rss a {
  color:#fff;
  text-decoration:none;
}
.rss a:hover {
  text-decoration:underline;
}
.rss img {
  margin:-3px 0 -3px 6px;
  border:none;
}
.menu_nav {
  padding:0;
  height:10px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.menu_nav ul {
  list-style:none;
  padding:0;
  height:54px;
  float:left;
}
.menu_nav ul li {
  margin:0;
  padding:0 1px 0 0;
  float:left;
}
.menu_nav ul li a {
  display:block;
  margin:0;
  width:191px;
  font-size:16px;
  line-height:20px;
  font-weight:normal;
  color:#929292;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  background:#ededed;
  padding-top: 17px;
  padding-right: 0;
  padding-bottom: 17px;
  padding-left: 0;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
  text-decoration:none;
  color:#fff;
  font-family: "Liberation sans", Arial, Helvetica, sans-serif;
  background-color: #2A77DF;
}
.content {
  padding:18px 0;
  border-bottom:1px solid #abb6b6;
}
.content_resize {
  margin:0 auto;
  padding:0;
  width:960px;
}
.content .mainbar {
  margin:0;
  padding:0;
  float:left;
  width:670px;
}
.content .mainbar h2 {
  padding-bottom:0;
  font-size:28px;
  line-height:1.2em;
  color:#161616;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0px;
}
.content .mainbar div.img {
  float:left;
  padding-top: 8px;
  padding-right: 0;
  padding-bottom: 8px;
  padding-left: 0;
}
.content .mainbar img {
}
.content .mainbar img.fl {
  margin:0;
  padding:0;
  border:3px solid #f1f1f1;
}
.content .mainbar .article {
  margin:0 0 32px;
  padding:0 20px;
  border-bottom:1px solid #ededed;
  font-size: 14px;
}
.content .mainbar .post_content {
}
.content .mainbar .post_content strong {
  color:#3f3f3f;
}
.content .sidebar {
  padding:0;
  float:right;
  width:260px;
}
.content .sidebar .gadget {
  margin:0 0 12px;
  padding:12px 20px 24px;
  background:#ededed;
}
.content .sidebar h2 {
  margin:-12px -20px 10px;
  padding:12px 20px 10px;
  color:#fff;
  background-color: #2A77DF;
}
ul.sb_menu, ul.ex_menu {
  margin:0;
  padding:0;
  list-style:none;
  color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
  margin:0;
}
ul.sb_menu li {
  padding:4px 0;
  width:220px;
}
ul.ex_menu li {
  padding:4px 0;
}
ul.sb_menu li a {
  color:#9a9a9a;
  text-decoration:none;
  margin-left:-16px;
  padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
  font-weight:bold;
  color:#161616;
  text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
  color:#2A77DF;
  font-weight:bold;
  text-decoration:underline;
  text-transform: none;
}
p.spec {
  padding:0 0 16px;
}
p.infopost {
  margin-bottom:8px;
  padding:0 0 6px;
  color:#6e6e6e;
}
p.infopost a {
  padding:0 2px;
  color:#6e6e6e;
  text-decoration:underline;
}
p.infopost a.com {
  display:block;
  float:left;
  margin:-36px 16px 0 0;
  padding:16px 0;
  width:80px;
  text-decoration:none;
  color:#fff;
  font-size:30px;
  text-align:center;
  background-color:#2A77DF;
}
p.infopost a.com:hover {
  text-decoration:underline;
}
p.infopost a.com span {
}
.content .mainbar .post_content a.rm {
  display:block;
  float:right;
  margin:0 0 16px;
  padding:10px 0;
  font-size:14px;
  line-height:18px;
  font-weight:normal;
  text-decoration:none;
}
.content p.pages {
  margin:0;
  padding:24px 20px;
  font-size:11px;
  color:#929292;
  text-align:left;
}
.content p.pages span, .content p.pages a {
  padding:8px 12px;
  text-decoration:none;
}
.content p.pages span, .content p.pages a:hover {
  color:#fff;
  background-color: #2A77DF;
}
.content p.pages a {
  color:#929292;
  border:1px solid transparent;
}
.content p.pages small {
  font-size:12px;
  float:right;
}
.content .mainbar .FAQs {
  margin:0;
  padding:16px 0 0 0;
  background: #ededed;
}
.content .mainbar .FAQs img.userpic {
  border:1px solid #dedede;
  margin:10px 16px 0 0;
  padding:0;
  float:left;
}
.subpage .content .mainbar h2 {
  margin:0;
}
.fbg {
  padding:0;
  border-top:1px solid #fff;
  background:#3b3b3b;
  color: #F1F1F1;
}
.fbg_resize {
  margin:0 auto;
  width:920px;
  padding:16px 20px;
  color:#ccc;
}
.fbg h2 {
  color:#ccc;
  padding-bottom:24px;
}
.fbg img.gal {
  margin:0 8px 8px 0;
  padding:0;
}
.fbg .col {
  margin:0;
  float:left;
}
.fbg .c1 {
  padding:0 16px 0 0;
  width:280px;
}
.fbg .c2 {
  padding:0 36px 0 16px;
  width:280px;
}
.fbg .c3 {
  padding:0 0 0 16px;
  width:274px;
}
.fbg .fbg_ul {
  margin:0;
  padding:0;
  list-style:none;
}
.fbg .fbg_ul li {
  margin:0;
  padding:0;
  list-style:none;
}
.fbg .fbg_ul li a {
  display:block;
  margin:0;
  padding:2px 0 2px 12px;
  color:#ccc;
  text-decoration:none;
  background:url(../images/li.gif) no-repeat left center;
}
.fbg .fbg_ul li a:hover {
  color:#fc6400;
  text-decoration:underline;
}
.fbg p.contact_info {
  line-height:1.8em;
}
.fbg p.contact_info a {
  color:#2A77DF;
  text-decoration:underline;
}
.fbg p.contact_info span {
  display:block;
  float:left;
  width:74px;
  font-weight:bold;
  color:#ccc;
}
ol {
  list-style:none;
}
ol li {
  display:block;
  clear:both;
}
ol li label {
  display:block;
  margin:0;
  padding:16px 0 0 0;
}
ol li input.text {
  width:480px;
  border:1px solid #c0c0c0;
  margin:0;
  padding:5px 2px;
  height:16px;
  background-color:#fff;
}
ol li textarea {
  width:480px;
  border:1px solid #c0c0c0;
  margin:0;
  padding:2px;
  background-color:#fff;
}
ol li .send {
  margin:16px 0 0 0;
}
.searchform {
  padding:0;
  float:right;
  color: #666;
}
#formsearch {
  margin:0;
  width:auto;
  height:0px;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
#formsearch span {
  display:block;
  margin:0;
  padding:0;
  float:left;
  background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
  margin:0;
  padding:12px 6px;
  float:left;
  width:194px;
  font-size:12px;
  line-height:16px;
  color:#666;
  background:none;
  outline:none;
  border:none;
}
#formsearch input.button_search {
  margin:0;
  padding:0;
  border:none;
  float:left;
}
.footer {
  background:#ededed;
}
.footer_resize {
  margin:0 auto;
  padding:0 20px;
  width:920px;
  line-height:1.5em;
  color:#6b6b6b;
}
.footer_resize p {
  margin:24px 0;
  padding:0;
  line-height:normal;
  white-space:nowrap;
  text-indent:inherit;
}
.footer_resize a {
  color:#2A77DF;
  font-weight:normal;
  margin:0;
  padding:0;
  border:none;
  text-decoration:underline;
  background-color:transparent;
}
.footer_resize a:hover {
  background-color:transparent;
  text-decoration:none;
}
.footer_resize .lf {
  float:left;
}
.footer_resize .rf {
  float:right;
}
a {
  font-family: "Liberation sans", Arial, Helvetica, sans-serif;
  color: #2A77DF;
}
.main.subpage .content .content_resize .mainbar div p .FAQs strong em {
  font-size: 14px;
}
.main.subpage .content .content_resize .mainbar div p em strong {
  font-size: 14px;
}
.main.subpage .content .content_resize .mainbar div p .article strong em {
  font-size: 14px;
}
.main.subpage .content .content_resize .mainbar div p .article strong {
  font-size: 14px;
}

ANSWER: Dear Evan,

If you have a URL or IP address that I can look at it would help me get to the bottom of the issue.

Let me know.

Best Regards,
Anna

---------- FOLLOW-UP ----------

QUESTION: Anna,

Im website is www.teach-you-english.com

The korean index is www.teach-you-english.com/kr_index.html

Thanks.

Answer
Hi Evan,

I must admit, I am a bit stomped, which usually isn't the case.  I would check is that you have uploading all of your fonts, then verify the path to the fonts.  

If this does not help, please let me know and I can take your question to the "Expert Pool".

Hope this helps,

Anna
http://www.seocontentplus.com

Dreamweaver

All Answers


Answers by Expert:


Ask Experts

Volunteer


Anna Schuttenhelm

Expertise

I can answer most questions about Organic Search Engine Optimization, using CSS, research and define keyword phrases, SEO-enhanced content writing and website taxonomy which best gets the attention of the search engines. I can also answer questions pertaining to well constructed and easy to understand website programming, content writing which specifically target key word terms, how to design a website with easy to understand navigation so that your site pushes visitors through to your desired call to action such as an order form or contact form, which files to include specifically for SEO such as sitemap.xml, .htaccess, robots.txt, Google verification file and more. I can bring you insight so that, when you launch your site, it will immediately start to draw attention of the Search Engines,

Experience

I have had over 19 years experience in Marketing Communications, full spread advertising campaigns, trade show presence and coordination, website architecture and design, as well as SEO and content writing. I was personally trained by the SEO guru, Bruce Clay and also worked closely with SEO Expert, Steve Wiideman.

Publications
Please visit my website for samples of my writing, design and SEO accomplishments. seocontentplus.com . I have written articles for Business Computer Review and a cover story for Computer Networking.

Education/Credentials
I've attended the renowned two day SEO seminar presented by Bruce Clay, SEO Guru. I worked side-by-side with SEO Expert Steve Wiideman for over 8 months. I attended a week-long course on Adobe Flash with action script. I received an AA in Business Administration from a respected college in Los Angeles.

Past/Present Clients
I have written, provided SEO Consulting and/or designed websites in a multitude of industries including: Education, Wood Working Tools Industry, Health Insurance, Call Center Software, International Call Accounting Services, Document Filing Services, International Cameras Equipment, High Tech- Software, Service & Hardware, Ingredient Manufacturing, ....and more My website has links to the sites referenced about.

©2016 About.com. All rights reserved.