jquery - FlexSlider - one of regional characters not displaying correctly dispite using compatible font -

update: know it's wrong charset of flexslider generated part of code because in source preview letter displayed ? icon. few lines below- outside flexslider- displayed correctly. question is charset charset of .js file? or charset set way inside flexslider javascipt code? makes whole "css trail" below irrelevant. problem don't have server access. use wordpress wpide edit code. can check file encoding somehow (plugin) wordpess admin interface?

i got strange problem. use flexslider on page , today noticed 1 specific regional letter (ą -ą) displayed '?" in square icon. can't figure out why. when localizing css copy pasted font-family line page css , replaced line in flexslider.css that:

.flex-caption p {     font-family: helvetica, sans-serif;     }    

in other places letter displayed correctly, problem inside flex slider. tried different computers, browsers - every time same error. checked inspector in ff , opera make sure css rule not overridden when check "inspect element" -> "computed rules" font family want - same rest of site. how can work everywhere else not in 1 place? it's making mu nuts! searched flexslider source hard-coded fonts :none

as requested specific implementation, php fragments wordpress functions

<div class="flex-container">           <div class="flexslider">             <ul class="slides">             <?php $the_query = new wp_query(array(               'category_name' => 'featured', 'posts_per_page' => 10               ));             ?>               <?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>               <li>                 <?php the_post_thumbnail(); ?>                 <div class="caption_wrap">                 <div class="flex-caption">                 <div class="flex-caption-title">                 <a href="<?php the_permalink() ?>"><?php the_title(); ?></a>                 </div>                 <p><?php echo striker_get_slider_excerpt(); ?>                 <a href="<?php the_permalink() ?>">...</a></p>                 </div>                 </div>               </li>             <?php                 endwhile;             ?>             </ul>           </div> </div> 

relevant css lines, flexslider.css:

.flex-caption p { width: 500px; padding: 8px; margin: 0; font-family: helvetica, sans-serif; word-spacing: 4px; line-height: 1.6;} .flex-caption-title { font-family:helvetica, sans-serif; text-transform: uppercase; border: 2px solid #fff; border-radius: 0.2em; font-size: 24px; padding: 0; border-radius: 0.2em; margin: 8px auto; width: 250px; word-spacing: 4px;} 

and page css (the ones copied working font family from):

body, button, input, select, textarea {     color: #666;         font-family: helvetica, sans-serif;     font-size: 14px;     font-size: 1.4rem;     line-height: 1.9; }