GWT Arabic rendering

I have a problem with sidebar items, when I set the text of an item with Arabic text, the output looks like and is not displayed correctly

LIElement item1=new SideBarItem().addSideBarItem("fa fa-fw fa-dashboard","العملاء","index.html");//here is the problem
    sideBar.appendChild(item1);
    sideBar.appendChild(new SideBarItem().addSideBarItem("fa fa-fw fa-bar-chart-o","Charts","charts.html"));
    sideBar.appendChild(new SideBarItem().addSideBarItem("fa fa-fw fa-table","Tables","Tables.html"));

      

        
        
        
      

    

this is the function i am using

public LIElement addSideBarItem(String icon, String text,String target){
    anc.setInnerHTML("<i class=\"" + icon + "\"></i> " + text);

    anc.setTarget(target);
    return sideBarListItem;
}

      

        
        
        
      

    

so how to set the inner text of an element or widget as an arabic string eg setTitle ("عربي");