fix text

app.py

@@ -43,7 +43,7 @@ if __name__=='__main__':
     st.markdown(hide_table_row_index, unsafe_allow_html=True)
 
     # Title
-    st.markdown("<h1 style='text-align: center; color: black;'>Tokenizer</h1>", unsafe_allow_html=True)
+    st.markdown("<p style='text-align: center; color: black;font-family:Arial;'>Tokenizer Demo</p>", unsafe_allow_html=True)
 
     tokenizer = load_model('albert-xxlarge-v2')
     sent_cols = st.columns(2)
@@ -63,12 +63,12 @@ if __name__=='__main__':
                 #for word_col,word in zip(word_cols,decoded_sent):
                     #with word_col:
                         #st.write(word)
-                st.write('  '.join(decoded_sent))
-                st.write(f'{len(decoded_sent)} tokens')
+                st.write('   '.join(decoded_sent))
+                st.markdown(f"<p style='text-align: center; color: black; font-family:Arial;'>{len(decoded_sent)} tokens </p>", unsafe_allow_html=True)
 
     if len(sents['sent_1'])>0 and len(sents['sent_2'])>0:
-        st.markdown("<h2 style='text-align: center; color: black;'>Result&colon </h2>", unsafe_allow_html=True)
+        st.markdown("<p style='text-align: center; color: black; font-family:Arial;'>Result&colon; </p>", unsafe_allow_html=True)
         if num_tokens[f'sent_1']==num_tokens[f'sent_2']:
-            st.markdown("<h2 style='text-align: center; color: red;'>Matched! </h2>", unsafe_allow_html=True)
+            st.markdown("<p style='text-align: center; color: red; font-family:Arial;'>Matched! </p>", unsafe_allow_html=True)
         else:
-            st.markdown("<h2 style='text-align: center; color: red;'>Matched! </h2>", unsafe_allow_html=True)
+            st.markdown("<p style='text-align: center; color: red; font-family:Arial;'>Not Matched... </p>", unsafe_allow_html=True)